/* PropertyProof design system tokens — GENERATED from design-system/project/tokens.json by design-system/tools/gen_web_tokens.py;
   change tokens.json and rerun it, never this file. Light is the default; theme.js sets data-theme. */

:root, [data-theme="light"] {
  --canvas: #F5F4F9;
  --surface: #FFFFFF;
  --surface-sunken: #EEECF4;
  --line: #E2DFEA;
  --line-strong: #827D96;
  --ink: #16141F;
  --ink-secondary: #4B4759;
  --ink-muted: #635E75;
  --brand: #6D28D9;
  --brand-strong: #5B21B6;
  --brand-soft: #F1EBFF;
  --brand-line: #DCCFFD;
  --on-brand: #FFFFFF;
  --grad-start: #7C3AED;
  --grad-end: #4C1D95;
  --night: #1E1530;
  --on-night: #FFFFFF;
  --night-muted: #C9BEEA;
  --good: #157A3C;
  --good-soft: #E6F5EC;
  --fair: #A85A00;
  --fair-soft: #FFF2D9;
  --poor: #C0262D;
  --poor-soft: #FDEBEC;
  --focus: #6D28D9;
  --scrim: rgba(22,20,31,0.48);
  --photo-frame: #16141F;
  --shadow-card: 0 1px 2px rgba(22,20,31,0.06), 0 6px 20px rgba(76,29,149,0.06);
  --shadow-raised: 0 12px 32px rgba(46,16,101,0.16);
  --shadow-brand: 0 10px 24px rgba(109,40,217,0.30);
}
[data-theme="dark"] {
  --canvas: #0F0D16;
  --surface: #1A1724;
  --surface-sunken: #242031;
  --line: #2F2B3E;
  --line-strong: #716B88;
  --ink: #F3F1F9;
  --ink-secondary: #C8C3D7;
  --ink-muted: #9E98B2;
  --brand: #A98BFF;
  --brand-strong: #C4B0FF;
  --brand-soft: #251C3F;
  --brand-line: #3E2F6B;
  --on-brand: #120D21;
  --grad-start: #B69CFF;
  --grad-end: #9370FF;
  --night: #0A0812;
  --on-night: #FFFFFF;
  --night-muted: #B3A9CC;
  --good: #5BD08A;
  --good-soft: #12301F;
  --fair: #F2B24A;
  --fair-soft: #33260E;
  --poor: #FF8A84;
  --poor-soft: #3A1517;
  --focus: #C4B0FF;
  --scrim: rgba(0,0,0,0.6);
  --photo-frame: #000000;
  --shadow-card: 0 1px 2px rgba(0,0,0,0.5);
  --shadow-raised: 0 12px 32px rgba(0,0,0,0.6);
  --shadow-brand: 0 10px 28px rgba(147,112,255,0.25);
  color-scheme: dark;
}
[data-theme="sunlight"] {
  --canvas: #FFFFFF;
  --surface: #FFFFFF;
  --surface-sunken: #EFEEF3;
  --line: #77728A;
  --line-strong: #3A3745;
  --ink: #000000;
  --ink-secondary: #1F1D26;
  --ink-muted: #3A3745;
  --brand: #4C1D95;
  --brand-strong: #3B0F80;
  --brand-soft: #EDE6FF;
  --brand-line: #4C1D95;
  --on-brand: #FFFFFF;
  --grad-start: #4C1D95;
  --grad-end: #3B0F80;
  --night: #000000;
  --on-night: #FFFFFF;
  --night-muted: #FFFFFF;
  --good: #0B5229;
  --good-soft: #E1F2E7;
  --fair: #6E3A00;
  --fair-soft: #FFEFD0;
  --poor: #8A0F15;
  --poor-soft: #FDE4E5;
  --focus: #000000;
  --scrim: rgba(0,0,0,0.6);
  --photo-frame: #000000;
  --shadow-card: none;
  --shadow-raised: none;
  --shadow-brand: none;
  color-scheme: light;
}
:root {
  --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;
  --radius-sm: 8px;
  --radius-md: 12px;
  --radius-lg: 16px;
  --radius-xl: 24px;
  --radius-pill: 999px;
  --touch-min: 48px;
  --control-height: 52px;
  --shutter: 72px;
  --icon: 24px;
  --icon-sm: 16px;
  --thumb-zone: 40%;
  --font-display: "Outfit", "Plus Jakarta Sans", system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-text: "Plus Jakarta Sans", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --font-data: "JetBrains Mono", ui-monospace, "SF Mono", Menlo, Consolas, monospace;
}
@font-face { font-family: "Outfit"; src: url("/lib/fonts/Outfit-SemiBold.ttf") format("truetype"); font-weight: 600; font-style: normal; font-display: swap; }
@font-face { font-family: "Outfit"; src: url("/lib/fonts/Outfit-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; }
@font-face { font-family: "Plus Jakarta Sans"; src: url("/lib/fonts/PlusJakartaSans-Regular.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; }
@font-face { font-family: "Plus Jakarta Sans"; src: url("/lib/fonts/PlusJakartaSans-Medium.ttf") format("truetype"); font-weight: 500; font-style: normal; font-display: swap; }
@font-face { font-family: "Plus Jakarta Sans"; src: url("/lib/fonts/PlusJakartaSans-SemiBold.ttf") format("truetype"); font-weight: 600; font-style: normal; font-display: swap; }
@font-face { font-family: "Plus Jakarta Sans"; src: url("/lib/fonts/PlusJakartaSans-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; }
@font-face { font-family: "JetBrains Mono"; src: url("/lib/fonts/JetBrainsMono-Medium.ttf") format("truetype"); font-weight: 500; font-style: normal; font-display: swap; }