:root {
  --color-navy-950: #14213d;
  --color-navy-800: #223354;
  --color-gold-600: #b88930;
  --color-gold-500: #c79a3b;
  --color-gold-text: #76591f;
  --color-ivory-50: #f6f4ef;
  --color-surface: #ffffff;
  --color-text: #17233b;
  --color-muted: #667085;
  --color-border: #ddd6c7;
  --color-success: #267447;
  --color-warning: #9a6700;
  --color-error: #a33a3a;
  --color-info: #245b9e;
  --color-focus: #223354;
  --focus-ring: 0 0 0 3px rgba(199, 154, 59, .35);
  --radius-sm: .5rem;
  --radius-md: .75rem;
  --shadow-raised: 0 1rem 2.5rem rgba(20, 33, 61, .14);
  --content-max: 72rem;
  --staff-sidebar: 15rem;
  --font-ui: "Noto Sans Thai", Tahoma, "Leelawadee UI", system-ui, sans-serif;
  --font-display: "Noto Serif Thai", "Th Sarabun New", Georgia, serif;
  --space-1: .25rem;
  --space-2: .5rem;
  --space-3: .75rem;
  --space-4: 1rem;
  --space-5: 1.5rem;
  --space-6: 2rem;
  --space-7: 3rem;
  --transition-fast: 160ms ease;
}