/* claimhard design tokens — copied from the dashboard; tokens.test.ts keeps them in step. */
:root{
  --font-ui:"Schibsted Grotesk", system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-mono:"IBM Plex Mono", ui-monospace, "SF Mono", Menlo, monospace;
  --text-xs:11px;      --lh-xs:1.35;
  --text-sm:12.5px;    --lh-sm:1.4;
  --text-base:14px;    --lh-base:1.45;
  --text-md:16px;      --lh-md:1.4;
  --text-lg:18px;      --lh-lg:1.3;
  --text-xl:22px;      --lh-xl:1.2;
  --text-2xl:25px;     --lh-2xl:1.15;
  --text-num-lg:26px;
  --text-num-xl:30px;
  --weight-regular:400;
  --weight-medium:500;
  --weight-semibold:600;
  --weight-bold:700;
  --label-size:11px;
  --label-tracking:.12em;
  --space-0_5:2px;
  --space-1:4px;
  --space-1_5:6px;
  --space-2:8px;
  --space-2_5:10px;
  --space-3:12px;
  --space-3_5:14px;
  --space-4:16px;
  --space-5:20px;
  --space-5_5:22px;
  --space-6:24px;
  --space-7:26px;
  --space-8:30px;
  --space-10:40px;
  --radius-xs:5px;
  --radius-sm:7px;
  --radius-md:9px;
  --radius-lg:12px;
  --radius-xl:14px;
  --radius-2xl:16px;
  --ease:cubic-bezier(.22,.61,.36,1);
  --dur-fast:160ms;
  --dur-base:180ms;
  --dur-slow:500ms;
  --dur-meter:800ms;
  --z-base:0;
  --z-sticky:10;
  --z-dropdown:20;
  --z-overlay:40;
  --z-modal:50;
  --z-toast:60;
  --danger-solid:#B4283C;
  --on-solid:#FFFFFF;
}
:root,
:root[data-theme="light"]{
  color-scheme:light;
  --bg:#F6F5F2;
  --surface:#FFFFFF;
  --surface-2:#FBFAF8;
  --hairline:rgba(23,33,54,.09);
  --hairline-strong:rgba(23,33,54,.16);
  --text:#1A2233;
  --muted:#5C6675;
  --faint:#7E8797;
  --brand:#1C3D71;
  --brand-strong:#132C55;
  --brand-tint:#EAF0F9;
  --brand-contrast:#FFFFFF;
  --danger:#B4283C;
  --danger-tint:#FBECEE;
  --danger-fg:#8E1E2E;
  --warn:#B5791A;
  --warn-tint:#FBF2E1;
  --warn-fg:#8A5B10;
  --success:#1F7A55;
  --success-tint:#E6F3EC;
  --success-fg:#155F41;
  --series-1:#2a78d6;
  --series-2:#eb6834;
  --series-3:#1baf7a;
  --series-4:#eda100;
  --series-5:#e87ba4;
  --series-6:#008300;
  --series-7:#4a3aa7;
  --series-8:#e34948;
  --chart-bar:var(--series-1);
  --chart-bar-muted:#8892A8;
  --chart-grid:var(--hairline);
  --chart-axis:var(--hairline-strong);
  --chart-target:#9AA3B2;
  --seq-1:#86b6ef; --seq-2:#4a90e2; --seq-3:#256abf; --seq-4:#184f95; --seq-5:#0d366b;
  --shadow-sm:0 1px 2px rgba(16,24,40,.05), 0 1px 1px rgba(16,24,40,.03);
  --shadow-md:0 1px 2px rgba(16,24,40,.04), 0 12px 28px -14px rgba(16,24,40,.18);
}
@media (prefers-color-scheme:dark){
  :root:not([data-theme="light"]){
    color-scheme:dark;
    --bg:#0D1320;
    --surface:#141C2B;
    --surface-2:#111826;
    --hairline:rgba(255,255,255,.08);
    --hairline-strong:rgba(255,255,255,.15);
    --text:#E8ECF3;
    --muted:#98A2B4;
    --faint:#6C7688;
    --brand:#5B8AD6;
    --brand-strong:#7AA2E2;
    --brand-tint:#1B2942;
    --brand-contrast:#0D1320;
    --danger:#E4677A;
    --danger-tint:#3A1E25;
    --danger-fg:#F1A1AC;
    --warn:#D9A54A;
    --warn-tint:#352A16;
    --warn-fg:#EBC888;
    --success:#4FB488;
    --success-tint:#163024;
    --success-fg:#8FD9B8;
    --series-1:#3987e5; --series-2:#d95926; --series-3:#199e70; --series-4:#c98500;
    --series-5:#d55181; --series-6:#008300; --series-7:#9085e9; --series-8:#e66767;
    --chart-bar:var(--series-1); --chart-bar-muted:#6E7B95;
    --chart-grid:var(--hairline); --chart-axis:var(--hairline-strong); --chart-target:#7C8798;
    --seq-1:#184f95; --seq-2:#2f6bb8; --seq-3:#4a90e2; --seq-4:#7db0ee; --seq-5:#b7d3f6;
    --shadow-sm:0 1px 2px rgba(0,0,0,.4);
    --shadow-md:0 1px 2px rgba(0,0,0,.3), 0 16px 32px -16px rgba(0,0,0,.6);
  }
}
:root[data-theme="dark"]{
  color-scheme:dark;
  --bg:#0D1320;
  --surface:#141C2B;
  --surface-2:#111826;
  --hairline:rgba(255,255,255,.08);
  --hairline-strong:rgba(255,255,255,.15);
  --text:#E8ECF3;
  --muted:#98A2B4;
  --faint:#6C7688;
  --brand:#5B8AD6;
  --brand-strong:#7AA2E2;
  --brand-tint:#1B2942;
  --brand-contrast:#0D1320;
  --danger:#E4677A;
  --danger-tint:#3A1E25;
  --danger-fg:#F1A1AC;
  --warn:#D9A54A;
  --warn-tint:#352A16;
  --warn-fg:#EBC888;
  --success:#4FB488;
  --success-tint:#163024;
  --success-fg:#8FD9B8;
  --series-1:#3987e5; --series-2:#d95926; --series-3:#199e70; --series-4:#c98500;
  --series-5:#d55181; --series-6:#008300; --series-7:#9085e9; --series-8:#e66767;
  --chart-bar:var(--series-1); --chart-bar-muted:#6E7B95;
  --chart-grid:var(--hairline); --chart-axis:var(--hairline-strong); --chart-target:#7C8798;
  --seq-1:#184f95; --seq-2:#2f6bb8; --seq-3:#4a90e2; --seq-4:#7db0ee; --seq-5:#b7d3f6;
  --shadow-sm:0 1px 2px rgba(0,0,0,.4);
  --shadow-md:0 1px 2px rgba(0,0,0,.3), 0 16px 32px -16px rgba(0,0,0,.6);
}
:root[data-font="hanken"]{ --font-ui:"Hanken Grotesk", system-ui, sans-serif; }
:root[data-font="plex"]{   --font-ui:"IBM Plex Sans", system-ui, sans-serif; }