/* ==========================================================================
   Vihav Circle — Design Tokens
   Palette: Rich gold medallion, deep royal burgundy/maroon, and warm alabaster.
   ========================================================================== */
:root {
  /* Brand Primary */
  --gold: #C5A059;
  --gold-light: #F4E8C1;
  --gold-deep: #9E7B33;
  --gold-grad: linear-gradient(135deg, #F5DE9B 0%, #D4AF37 50%, #A67C1E 100%);
  --maroon: #672518;
  --maroon-dark: #4E1B11;
  --maroon-light: #8A3322;
  --maroon-tint: #FDF4F2;
  --maroon-grad: linear-gradient(140deg, #672518 0%, #4E1B11 100%);

  /* Neutrals / Surfaces */
  --cream: #FAF7F2;
  --cream-2: #F3ECE1;
  --sand: #EBE0CD;
  --surface: #FFFFFF;
  --surface-2: #FAFAF8;
  --line: #E8E0D2;
  --line-strong: #D5C9B5;

  /* Text Colors */
  --ink: #1C1917;
  --ink-2: #44403C;
  --muted: #78716C;
  --on-gold: #2E0B16;
  --on-maroon: #FDF6EE;

  /* Status Badges & Alerts */
  --success: #1B7A4B;
  --success-bg: #EAF6EF;
  --warning: #B45309;
  --warning-bg: #FEF3C7;
  --danger: #B91C1C;
  --danger-bg: #FEE2E2;
  --info: #1D6F93;
  --info-bg: #E0F2FE;
  --neutral-bg: #F5F0E6;

  /* Elevation & Shadows */
  --shadow-xs: 0 1px 2px rgba(0, 0, 0, 0.04);
  --shadow-sm: 0 2px 4px rgba(46, 11, 22, 0.04), 0 1px 2px rgba(0, 0, 0, 0.03);
  --shadow-md: 0 6px 18px -2px rgba(46, 11, 22, 0.08), 0 2px 6px -1px rgba(0, 0, 0, 0.03);
  --shadow-lg: 0 16px 36px -4px rgba(46, 11, 22, 0.14), 0 4px 12px -2px rgba(0, 0, 0, 0.05);

  /* Geometry */
  --radius-xs: 6px;
  --radius-sm: 8px;
  --radius: 12px;
  --radius-lg: 18px;
  --radius-xl: 24px;
  --radius-pill: 999px;

  /* Spacing Scale */
  --sp-1: 4px;
  --sp-2: 8px;
  --sp-3: 12px;
  --sp-4: 16px;
  --sp-5: 24px;
  --sp-6: 32px;
  --sp-7: 48px;

  /* Typography */
  --font-sans: "Plus Jakarta Sans", "Segoe UI", system-ui, -apple-system, BlinkMacSystemFont, "Helvetica Neue", Arial, sans-serif;
  --font-serif: "Playfair Display", Georgia, "Times New Roman", serif;

  --sidebar-w: 275px;
  --topbar-h: 68px;
}