/* GENERATED by tools/WareVision.Design.TokenGen from brand/tokens/tokens.json and WareVision.Design.Tokens/tokens/sdk.tokens.json. Do not edit: change a token file and run the TokenGen tool in tools/WareVision.Design.TokenGen. */

@font-face { font-family: 'Archivo Expanded'; src: url('../fonts/ArchivoExpanded-SemiBold.woff2') format('woff2'); font-weight: 600; font-style: normal; font-display: swap; }
@font-face { font-family: 'Archivo Expanded'; src: url('../fonts/ArchivoExpanded-Bold.woff2') format('woff2'); font-weight: 700; font-style: normal; font-display: swap; }
@font-face { font-family: 'Archivo'; src: url('../fonts/Archivo-Regular.woff2') format('woff2'); font-weight: 400; font-style: normal; font-display: swap; }
@font-face { font-family: 'Archivo'; src: url('../fonts/Archivo-Medium.woff2') format('woff2'); font-weight: 500; font-style: normal; font-display: swap; }
@font-face { font-family: 'Archivo'; src: url('../fonts/Archivo-SemiBold.woff2') format('woff2'); font-weight: 600; font-style: normal; font-display: swap; }
@font-face { font-family: 'Archivo'; src: url('../fonts/Archivo-Bold.woff2') format('woff2'); font-weight: 700; font-style: normal; font-display: swap; }

:root {
  color-scheme: light;

  /* Colour */
  --surface: #f2f4f6;
  --surface-raised: #ffffff;
  --surface-sunken: #e9edf1;
  --line: #dde3e9;
  --line-strong: #6b7885;
  --ink: #0b1119;
  --ink-muted: #4d5967;
  --ink-faint: #8a95a2;
  --night: #0b1119;
  --night-raised: #16202c;
  --night-line: #243140;
  --on-night: #edf1f5;
  --on-night-muted: #93a0af;
  --amber: #ffb000;
  --amber-hover: #ffc23d;
  --on-amber: #0b1119;
  --amber-text: #8f5800;
  --amber-soft: #fff3d1;
  --inverse: #0b1119;
  --inverse-hover: #1d2734;
  --on-inverse: #ffffff;
  --signal: #0a7180;
  --signal-night: #5fd4e0;
  --signal-soft: #ddf2f4;
  --good: #0f7344;
  --good-soft: #dcf3e6;
  --warn: #b24700;
  --warn-soft: #fde7d6;
  --crit: #c0253c;
  --crit-soft: #fbe2e6;
  --good-night: #4fd18e;
  --warn-night: #ff9b4e;
  --crit-night: #ff6b7e;
  --focus: var(--signal);
  --chart-1: var(--signal);
  --chart-2: var(--amber-text);
  --chart-3: var(--ink);
  --chart-4: var(--good);
  --chart-5: var(--ink-muted);
  --chart-6: var(--warn);
  --chart-7: var(--line-strong);
  --chart-8: var(--crit);
  --scrim: #0b111999;

  /* Type */
  --font-display: "Archivo Expanded", Archivo, "Arial Black", Arial, sans-serif;
  --font-mono: ui-monospace, "Cascadia Mono", Consolas, monospace;
  --font-sans: Archivo, "Segoe UI", Arial, sans-serif;
  --type-display-xl: 700 64px/62px var(--font-display);
  --tracking-display-xl: -0.03em;
  --type-display: 700 44px/46px var(--font-display);
  --tracking-display: -0.025em;
  --type-title: 600 24px/30px var(--font-display);
  --tracking-title: -0.015em;
  --type-metric: 600 34px/36px var(--font-display);
  --tracking-metric: -0.03em;
  --type-lead: 400 19px/28px var(--font-sans);
  --tracking-lead: 0;
  --type-heading: 600 16px/22px var(--font-sans);
  --tracking-heading: 0;
  --type-body: 400 15px/22px var(--font-sans);
  --tracking-body: 0;
  --type-body-strong: 600 15px/22px var(--font-sans);
  --tracking-body-strong: 0;
  --type-small: 400 13px/18px var(--font-sans);
  --tracking-small: 0;
  --type-label: 600 11px/14px var(--font-sans);
  --tracking-label: 0.1em;
  --type-code: 500 13px/18px var(--font-sans);
  --tracking-code: 0.02em;
  --type-location: 600 18px/22px var(--font-sans);
  --tracking-location: 0.06em;

  /* Space, radius, size */
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-8: 32px;
  --space-10: 40px;
  --space-16: 64px;
  --space-24: 96px;
  --radius-xs: 3px;
  --radius-sm: 8px;
  --radius-md: 12px;
  --radius-lg: 18px;
  --radius-xl: 32px;
  --radius-full: 9999px;
  --control-sm: 32px;
  --control-md: 40px;
  --control-lg: 48px;
  --touch-min: 56px;
  --rail-width: 248px;
  --topbar-height: 56px;

  /* Depth */
  --shadow-1: 0 1px 2px #0a10180d, 0 1px 1px #0a101808;
  --shadow-2: 0 1px 2px #0a10180f, 0 8px 24px -8px #0a101829;
  --shadow-pop: 0 2px 6px #0a101814, 0 24px 56px -16px #0a10184d;
  --shadow-glow: 0 0 0 6px #ffb00038, 0 10px 30px -6px #ffb000a6;

  /* Motion and layers */
  --ease: cubic-bezier(0.32, 0.72, 0, 1);
  --z-rail: 40;
  --z-pop: 60;
  --z-dialog: 80;
  --z-toast: 90;
}

/* Dark values. The portal is light by design and never sets data-theme; the app follows the system. */
:root[data-theme="dark"] {
  color-scheme: dark;
  --surface: #080c11;
  --surface-raised: #0f151d;
  --surface-sunken: #05080c;
  --line: #1b2430;
  --line-strong: #566474;
  --ink: #edf1f5;
  --ink-muted: #9aa6b4;
  --ink-faint: #5f6b7a;
  --night: #111923;
  --night-raised: #1a2532;
  --night-line: #2a3746;
  --on-night-muted: #9aa7b6;
  --amber-text: #ffc23d;
  --amber-soft: #2b2108;
  --inverse: #edf1f5;
  --inverse-hover: #ffffff;
  --on-inverse: #0a1018;
  --signal: #5fd4e0;
  --signal-soft: #0c2a30;
  --good: #4fd18e;
  --good-soft: #0c2618;
  --warn: #ff9b4e;
  --warn-soft: #2e1a09;
  --crit: #ff6b7e;
  --crit-soft: #2f0f15;
  --scrim: #000000b3;
  --shadow-1: 0 1px 2px #00000080;
  --shadow-2: 0 1px 2px #00000099, 0 8px 24px -8px #000000cc;
  --shadow-pop: 0 2px 6px #00000099, 0 24px 56px -16px #000000e6;
  --shadow-glow: 0 0 0 6px #ffb00030, 0 10px 34px -6px #ffb000b3;
}