/* Generated by scripts/design.py from design/tokens.json. Do not edit. */
@font-face { font-family: "Cormorant Garamond"; src: url("assets/fonts/CormorantGaramond-500.woff2") format("woff2"); font-style: normal; font-weight: 500; font-display: swap; }
@font-face { font-family: "Cormorant Garamond"; src: url("assets/fonts/CormorantGaramond-600.woff2") format("woff2"); font-style: normal; font-weight: 600; font-display: swap; }
@font-face { font-family: "IBM Plex Sans"; src: url("assets/fonts/IBMPlexSans-400.woff2") format("woff2"); font-style: normal; font-weight: 400; font-display: swap; }
@font-face { font-family: "IBM Plex Sans"; src: url("assets/fonts/IBMPlexSans-500.woff2") format("woff2"); font-style: normal; font-weight: 500; font-display: swap; }
@font-face { font-family: "IBM Plex Sans"; src: url("assets/fonts/IBMPlexSans-600.woff2") format("woff2"); font-style: normal; font-weight: 600; font-display: swap; }
@font-face { font-family: "IBM Plex Mono"; src: url("assets/fonts/IBMPlexMono-400.woff2") format("woff2"); font-style: normal; font-weight: 400; font-display: swap; }
:root {
  --surface-000: #F7F4EE;
  --surface-100: #FFFFFF;
  --surface-200: #ECE7DC;
  --ink-900: #121A2B;
  --ink-600: #4A5366;
  --ink-400: #5E6678;
  --border-100: #ECE7DC;
  --border-200: #DAD3C4;
  --border-300: #857D69;
  --brand-700: #0F2447;
  --brand-800: #0F2447;
  --on-brand-800: #FFFFFF;
  --brand-900: #0A1730;
  --brand-100: #E3E9F3;
  --on-brand: #FFFFFF;
  --on-brand-900: #FFFFFF;
  --gold-500: #C3993F;
  --gold-700: #85601A;
  --gold-100: #F5EBD2;
  --on-gold: #121A2B;
  --success-600: #1C6B57;
  --success-100: #DDEFE8;
  --danger-600: #A3302A;
  --danger-100: #F7E1DE;
  --warning-700: #8A5A0B;
  --warning-100: #F8ECD3;
  --info-600: #2E5A94;
  --info-100: #E0E8F4;
  --focus: #0F2447;
  --sidebar-ink: #4A5366;
  --sidebar-active: #0F24470F;
  --overlay: #121A2B;
  --on-overlay: #F7F4EE;
  --chart-1: #0F2447;
  --chart-2: #C3993F;
  --chart-3: #2E5A94;
  --chart-4: #857D69;
  --chart-5: #1C6B57;
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 24px;
  --space-6: 32px;
  --space-7: 48px;
  --space-8: 64px;
  --radius-xs: 2px;
  --radius-sm: 4px;
  --radius-md: 8px;
  --radius-lg: 12px;
  --radius-full: 999px;
  --sidebar-width: 220px;
  --sidebar-collapsed: 56px;
  --panel-inset: 12px;
  --topbar-height: 40px;
  --page-gutter: 16px;
  --grid-gap: 12px;
  --content-max: 1440px;
  --card-padding: 16px;
  --control-height: 36px;
  --control-height-sm: 28px;
  --control-height-lg: 44px;
  --row-height: 36px;
  --icon-size: 16px;
  --icon-tile: 28px;
  --touch-target: 44px;
  --topbar-touch: 56px;
  --body-touch: 14px;
  --input-touch: 16px;
  --sidebar-row: 36px;
  --sidebar-row-touch: 44px;
  --breakpoint-mobile: 768px;
  --breakpoint-rail: 1024px;
  --panel-inset-mobile: 12px;
  --page-gutter-mobile: 20px;
  --font-display: "Cormorant Garamond", Georgia, "Times New Roman", serif;
  --font-sans: "IBM Plex Sans", "Segoe UI", Arial, sans-serif;
  --font-mono: "IBM Plex Mono", Menlo, Consolas, monospace;
}
:root[data-theme="dark"] {
  --surface-000: #0C1324;
  --surface-100: #141D33;
  --surface-200: #1C2740;
  --ink-900: #EEF0F5;
  --ink-600: #B5BCCB;
  --ink-400: #8E97AB;
  --border-100: #1C2740;
  --border-200: #273350;
  --border-300: #66769E;
  --brand-700: #9DB6E0;
  --brand-800: #1C3360;
  --on-brand-800: #FFFFFF;
  --brand-900: #0A1730;
  --brand-100: #1B2A4A;
  --on-brand: #0C1324;
  --on-brand-900: #FFFFFF;
  --gold-500: #C9A85B;
  --gold-700: #E0C57F;
  --gold-100: #2E2410;
  --on-gold: #0C1324;
  --success-600: #62C3A8;
  --success-100: #12302A;
  --danger-600: #F08A80;
  --danger-100: #3A1A18;
  --warning-700: #E6B35A;
  --warning-100: #352810;
  --info-600: #86AEE8;
  --info-100: #162640;
  --focus: #E0C57F;
  --sidebar-ink: #B5BCCB;
  --sidebar-active: #FFFFFF14;
  --overlay: #EEF0F5;
  --on-overlay: #0C1324;
  --chart-1: #9DB6E0;
  --chart-2: #C9A85B;
  --chart-3: #86AEE8;
  --chart-4: #66769E;
  --chart-5: #62C3A8;
}