/* Generated by scripts/build-design.py; see DESIGN_GUIDELINES.md */
:root{
  --primary: #0F2438;
  --action: #0D9488;
  --background: #F4FAFC;
  --surface: #FFFFFF;
  --warning: #E5AD48;
  --success: #15803D;
  --error: #DC2626;
  --muted: #43474C;
  --border: #CBD5E1;
  --warning-text: #92400E;
  --warning-surface: #FFF4DC;
  --success-surface: #DCFCE7;
  --error-surface: #FEE2E2;
  --action-surface: #E0F8F5;
  --font-ui: 'IBM Plex Sans Thai', Tahoma, sans-serif;
  --font-number: 'IBM Plex Mono', ui-monospace, monospace;
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-6: 24px;
  --space-8: 32px;
  --space-12: 48px;
  --radius-control: 8px;
  --radius-card: 12px;
  --radius-dialog: 16px;
  --content-width: 1120px;
  --mint: #89F5E7;
  --action-text: #006A61;
  --navy-surface: #1E3A5F;
  --surface-low: #EFF5F7;
  --shadow-card: 0px 1px 2px rgba(15,36,56,0.05);
  --shadow-deck: 0px 2px 8px rgba(15,36,56,0.12);
  --field-width: 480px;
  --header-height: 64px;
  --footer-height: 80px;
}