:root {
  color-scheme: light;
  --color-primary: #123b5d;
  --color-primary-dark: #082943;
  --color-primary-light: #e9f1f6;
  --color-accent: #a9822e;
  --color-success: #176b4d;
  --color-warning: #9a5b13;
  --color-danger: #a8323d;
  --color-info: #245f8f;
  --color-text-primary: #172432;
  --color-text-secondary: #526273;
  --color-text-muted: #718093;
  --color-border: #d6dee6;
  --color-border-strong: #b8c5d0;
  --color-background: #f3f6f8;
  --color-surface: #ffffff;
  --color-surface-subtle: #f8fafb;
  --color-focus: #2b78b2;
  --color-overlay: rgba(8, 41, 67, .52);
  --font-sans: Inter, "Segoe UI", Roboto, Arial, sans-serif;
  --font-khmer: "Kantumruy Pro", "Noto Sans Khmer", "Khmer OS System", sans-serif;
  --font-display: Inter, "Segoe UI", Arial, sans-serif;
  --text-display: clamp(2rem, 4vw, 3.75rem);
  --text-h1: clamp(1.6rem, 2.4vw, 2.25rem);
  --text-h2: clamp(1.25rem, 1.8vw, 1.65rem);
  --text-h3: 1.05rem;
  --text-body: .9375rem;
  --text-small: .8125rem;
  --text-caption: .75rem;
  --space-1: .25rem;
  --space-2: .5rem;
  --space-3: .75rem;
  --space-4: 1rem;
  --space-5: 1.5rem;
  --space-6: 2rem;
  --space-7: 3rem;
  --radius-sm: 6px;
  --radius-md: 8px;
  --radius-lg: 10px;
  --shadow-subtle: 0 1px 2px rgba(8, 41, 67, .06);
  --content-max: 1440px;
  --touch-target: 44px;

  /* Compatibility aliases used by the existing application. */
  --primary-navy: var(--color-primary);
  --primary-navy-dark: var(--color-primary-dark);
  --primary-navy-light: #24587f;
  --primary-gold: var(--color-accent);
  --primary-gold-dark: #80601f;
  --accent-gold-light: #f6f0df;
  --bg-page: var(--color-background);
  --bg-card: var(--color-surface);
  --text-main: var(--color-text-primary);
  --text-muted: var(--color-text-secondary);
  --text-light: var(--color-text-muted);
  --border-color: var(--color-border);
  --border-subtle: #e9eef2;
  --success: var(--color-success);
  --success-bg: #edf7f2;
  --success-border: #b9ddce;
  --danger: var(--color-danger);
  --danger-bg: #fbf0f1;
  --danger-border: #e8c1c5;
  --warning: var(--color-warning);
  --warning-bg: #fff7e8;
  --warning-border: #ead3a6;
  --info: var(--color-info);
  --info-bg: #edf4f9;
  --info-border: #bfd3e2;
  --font-main: var(--font-sans);
  --font-kh: var(--font-khmer);
  --shadow-sm: var(--shadow-subtle);
  --shadow-md: 0 4px 14px rgba(8, 41, 67, .08);
  --shadow-lg: 0 12px 30px rgba(8, 41, 67, .14);
}