/* Poleringspads.no — Design Tokens Override */
:root {
    /* Primary — Navy */
    --color-primary-50: #eef2f7;
    --color-primary-100: #d4dde8;
    --color-primary-400: #3a5683;
    --color-primary-500: #2a3f66;
    --color-primary-600: #1f3050;
    --color-primary-700: #1a2744;
    --color-primary-800: #111b30;

    /* Secondary — Light neutrals */
    --color-secondary-100: #f8f9fa;
    --color-secondary-400: #e9ecef;
    --color-secondary-500: #dee2e6;
    --color-secondary-600: #ced4da;
    --color-secondary-700: #adb5bd;

    /* Text */
    --color-text-50: #f8f9fa;
    --color-text-400: #6c757d;
    --color-text-500: #343a40;
    --color-text-700: #1a1a2e;

    /* Backgrounds */
    --color-background-50: #ffffff;
    --color-background-100: #f8f9fa;
    --color-background-400: #e9ecef;
    --color-background-500: #ffffff;
    --color-background-600: #f1f3f5;
    --color-background-700: #e9ecef;

    /* Foreground */
    --color-fg: #1a1a2e;

    /* Accent overrides for buttons/CTAs */
    --color-primary-accent: #e62074;
}

/* CTA buttons — magenta accent */
.btn-primary,
button[type="submit"]:not(.btn-secondary),
.action.primary,
a.action.primary {
    background-color: #e62074 !important;
    border-color: #e62074 !important;
}

.btn-primary:hover,
button[type="submit"]:not(.btn-secondary):hover,
.action.primary:hover,
a.action.primary:hover {
    background-color: #c91b63 !important;
    border-color: #c91b63 !important;
}

/* Price color */
.price-wrapper .price,
.product-info-price .price {
    color: #e62074;
}

/* Text on primary background */
.text-text-on-primary-bg {
    color: #ffffff;
}