:root {
  color-scheme: light;
  --brand-gold: #A47818;
  --brand-gold-dark: #72510B;
  --brand-gold-soft: #F5EAD0;
  --brand-charcoal: #171713;
  --brand-charcoal-soft: #24241E;
  --brand-paper: #F4F3EF;
  --brand-white: #FFFFFF;
  /* Compatibility aliases until the existing pages finish migrating. */
  --brand-indigo: var(--brand-charcoal);
  --brand-indigo-dark: var(--brand-charcoal);
  --brand-indigo-soft: var(--brand-gold-soft);
  --brand-magenta: var(--brand-gold);
  --brand-magenta-dark: var(--brand-gold-dark);
  --brand-magenta-soft: var(--brand-gold-soft);
  --color-bg: var(--brand-paper);
  --color-surface: var(--brand-white);
  --color-sidebar: var(--brand-indigo-dark);
  --color-sidebar-soft: var(--brand-charcoal-soft);
  --color-primary: var(--brand-gold);
  --color-primary-dark: var(--brand-gold-dark);
  --color-primary-soft: var(--brand-indigo-soft);
  --color-accent: var(--brand-magenta);
  --color-accent-dark: var(--brand-magenta-dark);
  --color-accent-soft: var(--brand-magenta-soft);
  --color-text: #24231F;
  --color-muted: #6F6B60;
  --color-border: #DEDBD1;
  --color-success: #237A49;
  --color-warning: #9A6513;
  --color-danger: #A73737;
  --font-family: "Vazirmatn", Tahoma, "Segoe UI", sans-serif;
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 24px;
  --space-6: 32px;
  --radius-sm: 8px;
  --radius-md: 14px;
  --radius-lg: 22px;
  --shadow-soft: 0 12px 36px rgba(23, 23, 19, .07);
  --shadow-card: 0 4px 14px rgba(23, 23, 19, .05);
  --sidebar-width: 286px;
}