/* Generated by tools/tokens.mjs from ui/tokens.json (Jiss v2). Don't edit: change the JSON and rerun. */

:root,
[data-theme="light"] {
  --mat: #E8ECF1;
  --page: #F7F9FB;
  --bar: #FFFFFF;
  --surface: #FFFFFF;
  --surface-raised: #FCFDFE;
  --field: #EDF0F4;
  --hover: #DDE3EA;
  --ink: #181D24;
  --ink-heading: #0F1319;
  --ink-secondary: #4F5A66;
  --ink-muted: #616A73;
  --line-subtle: rgba(24,29,36,0.08);
  --line: rgba(24,29,36,0.13);
  --line-strong: rgba(24,29,36,0.20);
  --line-control: #7A8591;
  --action: #006469;
  --action-hover: #00545A;
  --action-ink: #006469;
  --on-action: #FFFFFF;
  --action-tint: rgba(0,126,133,0.13);
  --focus: #006469;
  --warning: #AA4D02;
  --warning-tint: rgba(170,77,2,0.13);
  --danger: #C13501;
  --danger-tint: rgba(193,53,1,0.13);
  --success: #027756;
  --success-tint: rgba(2,119,86,0.13);
  --info: #285BE6;
  --info-tint: rgba(40,91,230,0.13);
  --on-status: #FFFFFF;
  --scrim: rgba(15,19,25,0.4);
  --brand-coral: #E61935;
  --shadow-float: 0 6px 20px rgba(24,29,36,0.14);
}

[data-theme="dark"] {
  --mat: #0A0D12;
  --page: #0E1218;
  --bar: #141A22;
  --surface: #171C24;
  --surface-raised: #1D232C;
  --field: #232A34;
  --hover: #2E3742;
  --ink: #F2F5F8;
  --ink-heading: #EBF0F5;
  --ink-secondary: #A3AEBC;
  --ink-muted: #8C97A5;
  --line-subtle: rgba(255,255,255,0.06);
  --line: rgba(255,255,255,0.10);
  --line-strong: rgba(255,255,255,0.16);
  --line-control: #6E7988;
  --action: #007E85;
  --action-hover: #006E74;
  --action-ink: #00B6BE;
  --on-action: #FFFFFF;
  --action-tint: rgba(0,126,133,0.13);
  --focus: #00B6BE;
  --warning: #FFB800;
  --warning-tint: rgba(255,184,0,0.13);
  --danger: #FF5E31;
  --danger-tint: rgba(255,94,49,0.13);
  --success: #00D179;
  --success-tint: rgba(0,209,121,0.13);
  --info: #60A5FA;
  --info-tint: rgba(96,165,250,0.13);
  --on-status: #0E1218;
  --scrim: rgba(0,0,0,0.6);
  --brand-coral: #E61935;
  --shadow-float: 0 6px 20px rgba(0,0,0,0.45);
}

:root {
  --font-sans: "Plus Jakarta Sans", "Kantumruy Pro", ui-sans-serif, system-ui, sans-serif;
  --font-khmer: "Kantumruy Pro", "Plus Jakarta Sans", ui-sans-serif, sans-serif;
  --font-mono: "JetBrains Mono", ui-monospace, monospace;
  --type-title-lg: 700 24px/30px var(--font-sans);
  --track-title-lg: -0.3px;
  --type-title: 700 18px/24px var(--font-sans);
  --track-title: -0.2px;
  --type-title-sm: 600 16px/22px var(--font-sans);
  --track-title-sm: 0px;
  --type-body: 400 15px/22px var(--font-sans);
  --track-body: 0px;
  --type-body-strong: 600 15px/22px var(--font-sans);
  --track-body-strong: 0px;
  --type-meta: 500 13px/18px var(--font-sans);
  --track-meta: 0px;
  --type-label: 700 12px/16px var(--font-sans);
  --track-label: 0.6px;
  --type-figure: 700 22px/28px var(--font-sans);
  --track-figure: -0.2px;
  --type-km-title: 700 20px/32px var(--font-khmer);
  --track-km-title: 0px;
  --type-km-body: 400 16px/28px var(--font-khmer);
  --track-km-body: 0px;
  --type-km-meta: 500 14px/22px var(--font-khmer);
  --track-km-meta: 0px;
  --type-ref: 500 14px/20px var(--font-mono);
  --track-ref: 0px;
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-6: 24px;
  --space-8: 32px;
  --space-12: 48px;
  --radius-sm: 4px;
  --radius-md: 6px;
  --radius-lg: 8px;
  --radius-sheet: 14px;
  --control-web: 36px;
  --control-web-sm: 28px;
  --row-web: 48px;
  --control-native: 48px;
  --row-native: 64px;
  --icon-sm: 16px;
  --icon-md: 20px;
  --icon-lg: 24px;
  --width-form: 720px;
  --width-table: 1280px;
}