/**
 * Accent-paletter  -  standardbakgrunn (flater, tekst, kanter) uendret.
 * Kun primær/aksent: knapper, #page-loader, lenker, fokus, valgt meny.
 *
 *   data-palette="accent-hoest"   -  varme høstfarger
 *   data-palette="accent-gronn"   -  rolige grønne accenter
 */

/* ---------- Høst-accenter ---------- */

[data-palette="accent-hoest"][data-theme="light"] {
    --primary-rgb: 180 83 9;
    --primary-hover-rgb: 146 64 14;
    --primary-fg-rgb: 255 255 255;
    --primary-fg: #ffffff;
    --primary: #b45309;
    --primary-hover: #92400e;
    --primary-ui: var(--primary);
    --primary-alpha: rgba(180, 83, 9, 0.1);
    --primary-alpha-strong: rgba(180, 83, 9, 0.18);
}

[data-palette="accent-hoest"][data-theme="dark"] {
    --primary-rgb: 251 191 36;
    --primary-hover-rgb: 245 158 11;
    --primary-fg-rgb: 24 20 14;
    --primary-fg: #18140e;
    --primary: #fbbf24;
    --primary-hover: #f59e0b;
    --primary-ui: var(--primary);
    --primary-alpha: rgba(251, 191, 36, 0.12);
    --primary-alpha-strong: rgba(251, 191, 36, 0.22);
}

/* ---------- Grønne accenter ---------- */

[data-palette="accent-gronn"][data-theme="light"] {
    --primary-rgb: 77 124 106;
    --primary-hover-rgb: 62 104 88;
    --primary-fg-rgb: 255 255 255;
    --primary-fg: #ffffff;
    --primary: #4d7c6a;
    --primary-hover: #3e6858;
    --primary-ui: var(--primary);
    --primary-alpha: rgba(77, 124, 106, 0.1);
    --primary-alpha-strong: rgba(77, 124, 106, 0.17);
}

[data-palette="accent-gronn"][data-theme="dark"] {
    --primary-rgb: 143 185 160;
    --primary-hover-rgb: 163 202 178;
    --primary-fg-rgb: 20 26 22;
    --primary-fg: #141a16;
    --primary: #8fb9a0;
    --primary-hover: #a3cab2;
    --primary-ui: var(--primary);
    --primary-alpha: rgba(143, 185, 160, 0.12);
    --primary-alpha-strong: rgba(143, 185, 160, 0.2);
}

/* Lasteindikatorer i aksentfarge (tekstvariant og indikator, ikke inne i knapp) */
[data-palette="accent-hoest"] .lasting:not(.lasting--i-knapp):not(.lasting--feil),
[data-palette="accent-gronn"] .lasting:not(.lasting--i-knapp):not(.lasting--feil) {
    color: rgb(var(--primary-rgb));
}