/* GENERERT AV build/build.mjs — IKKE REDIGER.
 * Kilde: tokens/tokens.json. Kjør `node build/build.mjs` etter endring.
 * Konsern Design System v0.1.0
 */
/* Rental.one — rental.one — primærknapp-bakgrunn. NB: hvit tekst på rå seed er ~2.4:1, derfor utledes en mørkere aksentstep. */

/* Lys er standard. */
[data-brand="rentalone"] {
  color-scheme: light;
  --kd-canvas: #f2f8f8;
  --kd-surface: #ffffff;
  --kd-sunken: #ecf1f1;
  --kd-text: #141c1c;
  --kd-text-secondary: #616b6b;
  --kd-text-muted: #687272;
  --kd-text-disabled: #a0a6a6;
  --kd-scrim: color-mix(in srgb, #050a0a 55%, transparent);
  --kd-border-hairline: #d8dedd;
  --kd-border-control: #8b9090;
  --kd-accent: #008485;
  --kd-accent-on: #ffffff;
  --kd-accent-hover: #007576;
  --kd-accent-soft: #e1f0f0;
  --kd-accent-text: #005f60;
  --kd-good-soft: #e3f1e5;
  --kd-good: #25873e;
  --kd-good-on: #ffffff;
  --kd-good-text: #006425;
  --kd-warning-soft: #f6ebdd;
  --kd-warning: #986600;
  --kd-warning-on: #ffffff;
  --kd-warning-text: #704a00;
  --kd-danger-soft: #ffe6e3;
  --kd-danger: #c13c36;
  --kd-danger-on: #ffffff;
  --kd-danger-text: #981919;
  --kd-info-soft: #e2effa;
  --kd-info: #1777b8;
  --kd-info-on: #ffffff;
  --kd-info-text: #00578b;
  --kd-brand-base: #00acad;
  --kd-chart-1: #2a78d6;
  --kd-chart-2: #1baf7a;
  --kd-chart-3: #eda100;
  --kd-chart-4: #008300;
  --kd-chart-5: #4a3aa7;
  --kd-chart-6: #e34948;
  --kd-chart-7: #e87ba4;
  --kd-chart-8: #eb6834;
  --kd-chart-grid: #dfe4e4;
  --kd-chart-axis: #b3b9b8;
  --kd-shadow-sm: 0 1px 2px rgba(16,26,32,.06);
  --kd-shadow-md: 0 1px 3px rgba(16,26,32,.07), 0 8px 24px rgba(16,26,32,.06);
  --kd-shadow-lg: 0 2px 6px rgba(16,26,32,.08), 0 18px 44px rgba(16,26,32,.10);
}

/* Følger OS/nettleser når ingen eksplisitt modus er valgt. */
@media (prefers-color-scheme: dark) {
  [data-brand="rentalone"]:not([data-theme="light"]) {
  color-scheme: dark;
  --kd-canvas: #0c1212;
  --kd-surface: #1a1f1f;
  --kd-sunken: #121717;
  --kd-text: #e6f1f1;
  --kd-text-secondary: #afbaba;
  --kd-text-muted: #96a1a1;
  --kd-text-disabled: #5f6464;
  --kd-scrim: color-mix(in srgb, #050a0a 55%, transparent);
  --kd-border-hairline: #323636;
  --kd-border-control: #656a6a;
  --kd-accent: #45b1b2;
  --kd-accent-on: #070f0f;
  --kd-accent-hover: #38c4c5;
  --kd-accent-soft: #173636;
  --kd-accent-text: #5dd3d3;
  --kd-good-soft: #213624;
  --kd-good: #60bc71;
  --kd-good-on: #070f0f;
  --kd-good-text: #7ed58c;
  --kd-warning-soft: #3d2d17;
  --kd-warning: #d79628;
  --kd-warning-on: #070f0f;
  --kd-warning-text: #efb051;
  --kd-danger-soft: #472622;
  --kd-danger: #fd7468;
  --kd-danger-on: #070f0f;
  --kd-danger-text: #ffa096;
  --kd-info-soft: #1f3243;
  --kd-info: #56acf0;
  --kd-info-on: #070f0f;
  --kd-info-text: #80c5ff;
  --kd-brand-base: #00acad;
  --kd-chart-1: #3987e5;
  --kd-chart-2: #199e70;
  --kd-chart-3: #c98500;
  --kd-chart-4: #008300;
  --kd-chart-5: #9085e9;
  --kd-chart-6: #e66767;
  --kd-chart-7: #d55181;
  --kd-chart-8: #d95926;
  --kd-chart-grid: #282c2c;
  --kd-chart-axis: #494e4e;
  --kd-shadow-sm: 0 1px 2px rgba(0,0,0,.5);
  --kd-shadow-md: 0 1px 3px rgba(0,0,0,.45), 0 10px 30px rgba(0,0,0,.45);
  --kd-shadow-lg: 0 2px 6px rgba(0,0,0,.5), 0 20px 50px rgba(0,0,0,.55);
  }
}

/* Eksplisitt valg vinner begge veier — brukerens tema-knapp. */
[data-brand="rentalone"][data-theme="dark"] {
  color-scheme: dark;
  --kd-canvas: #0c1212;
  --kd-surface: #1a1f1f;
  --kd-sunken: #121717;
  --kd-text: #e6f1f1;
  --kd-text-secondary: #afbaba;
  --kd-text-muted: #96a1a1;
  --kd-text-disabled: #5f6464;
  --kd-scrim: color-mix(in srgb, #050a0a 55%, transparent);
  --kd-border-hairline: #323636;
  --kd-border-control: #656a6a;
  --kd-accent: #45b1b2;
  --kd-accent-on: #070f0f;
  --kd-accent-hover: #38c4c5;
  --kd-accent-soft: #173636;
  --kd-accent-text: #5dd3d3;
  --kd-good-soft: #213624;
  --kd-good: #60bc71;
  --kd-good-on: #070f0f;
  --kd-good-text: #7ed58c;
  --kd-warning-soft: #3d2d17;
  --kd-warning: #d79628;
  --kd-warning-on: #070f0f;
  --kd-warning-text: #efb051;
  --kd-danger-soft: #472622;
  --kd-danger: #fd7468;
  --kd-danger-on: #070f0f;
  --kd-danger-text: #ffa096;
  --kd-info-soft: #1f3243;
  --kd-info: #56acf0;
  --kd-info-on: #070f0f;
  --kd-info-text: #80c5ff;
  --kd-brand-base: #00acad;
  --kd-chart-1: #3987e5;
  --kd-chart-2: #199e70;
  --kd-chart-3: #c98500;
  --kd-chart-4: #008300;
  --kd-chart-5: #9085e9;
  --kd-chart-6: #e66767;
  --kd-chart-7: #d55181;
  --kd-chart-8: #d95926;
  --kd-chart-grid: #282c2c;
  --kd-chart-axis: #494e4e;
  --kd-shadow-sm: 0 1px 2px rgba(0,0,0,.5);
  --kd-shadow-md: 0 1px 3px rgba(0,0,0,.45), 0 10px 30px rgba(0,0,0,.45);
  --kd-shadow-lg: 0 2px 6px rgba(0,0,0,.5), 0 20px 50px rgba(0,0,0,.55);
}
[data-brand="rentalone"][data-theme="light"] {
  color-scheme: light;
  --kd-canvas: #f2f8f8;
  --kd-surface: #ffffff;
  --kd-sunken: #ecf1f1;
  --kd-text: #141c1c;
  --kd-text-secondary: #616b6b;
  --kd-text-muted: #687272;
  --kd-text-disabled: #a0a6a6;
  --kd-scrim: color-mix(in srgb, #050a0a 55%, transparent);
  --kd-border-hairline: #d8dedd;
  --kd-border-control: #8b9090;
  --kd-accent: #008485;
  --kd-accent-on: #ffffff;
  --kd-accent-hover: #007576;
  --kd-accent-soft: #e1f0f0;
  --kd-accent-text: #005f60;
  --kd-good-soft: #e3f1e5;
  --kd-good: #25873e;
  --kd-good-on: #ffffff;
  --kd-good-text: #006425;
  --kd-warning-soft: #f6ebdd;
  --kd-warning: #986600;
  --kd-warning-on: #ffffff;
  --kd-warning-text: #704a00;
  --kd-danger-soft: #ffe6e3;
  --kd-danger: #c13c36;
  --kd-danger-on: #ffffff;
  --kd-danger-text: #981919;
  --kd-info-soft: #e2effa;
  --kd-info: #1777b8;
  --kd-info-on: #ffffff;
  --kd-info-text: #00578b;
  --kd-brand-base: #00acad;
  --kd-chart-1: #2a78d6;
  --kd-chart-2: #1baf7a;
  --kd-chart-3: #eda100;
  --kd-chart-4: #008300;
  --kd-chart-5: #4a3aa7;
  --kd-chart-6: #e34948;
  --kd-chart-7: #e87ba4;
  --kd-chart-8: #eb6834;
  --kd-chart-grid: #dfe4e4;
  --kd-chart-axis: #b3b9b8;
  --kd-shadow-sm: 0 1px 2px rgba(16,26,32,.06);
  --kd-shadow-md: 0 1px 3px rgba(16,26,32,.07), 0 8px 24px rgba(16,26,32,.06);
  --kd-shadow-lg: 0 2px 6px rgba(16,26,32,.08), 0 18px 44px rgba(16,26,32,.10);
}