:root {
  --color-paper: #FFFFFF;
  --color-ink: #1A1F26;
  --color-muted: #6B7280;
  --color-accent: #AF9258;
  --font-sans-thai: 'IBM Plex Sans Thai', 'Sukhumvit Set', 'Thonburi', sans-serif;
  --font-mono: 'IBM Plex Mono', 'SFMono-Regular', Menlo, Consolas, monospace;
  --font-serif: 'Instrument Serif', Georgia, 'Times New Roman', serif;
  --ui-bg: #FFFFFF;
  --ui-surface: #F8FAFC;
  --ui-surface-2: #F1F5F9;
  --ui-border: #E2E8F0;
  --ui-border-strong: #CBD5E1;
  --ui-text: #0F172A;
  --ui-text-muted: #475569;
  --ui-text-subtle: #64748B;
  --ui-accent: #2563EB;
  --ui-accent-strong: #1D4ED8;
  --ui-accent-soft: #EFF6FF;
  --ui-accent-border: #BFDBFE;
  --ui-danger: #DC2626;
  --ui-success: #16A34A;
  --ui-avatar-bg: #DBEAFE;
  --ui-backdrop: rgba(15, 23, 42, 0.4);
  --ui-text-xs: 12px;
  --ui-text-sm: 13px;
  --ui-text-md: 14px;
  --ui-text-base: 15px;
  --ui-text-lg: 16px;
  --ui-text-2xl: 20px;
  --ui-text-3xl: 30px;
  --ui-space-1: 4px;
  --ui-space-2: 8px;
  --ui-space-3: 12px;
  --ui-space-4: 16px;
  --ui-space-6: 24px;
  --ui-space-8: 32px;
  --ui-space-10: 40px;
  --ui-space-12: 48px;
  --ui-radius-sm: 6px;
  --ui-radius: 8px;
  --ui-radius-full: 999px;
  --ui-shadow-sm: 0 1px 2px rgba(15,23,42,.08);
  --ui-shadow-md: 0 4px 12px rgba(15,23,42,.08);
  --ui-z-dropdown: 20;
  --ui-z-sticky: 30;
  --ui-z-dialog: 50;
  --ui-z-toast: 60;
}