:root {
  /* Primary — deep teal/navy (Connectvista core) */
  --teal-950: #0A1F2C;
  --teal-900: #0E2B3C;
  --teal-700: #15455F;
  --teal-500: #1E6483;
  --teal-300: #6FA0BA;
  --teal-100: #DCEAF1;
  --teal-50:  #EFF6FA;

  /* Secondary — antique gold (festive accent) */
  --gold-700: #8E6A1F;
  --gold-500: #B7873A;
  --gold-400: #D4A85A;
  --gold-200: #ECD49A;
  --gold-100: #F5E7C8;
  --gold-50:  #FBF3DE;

  /* Neutrals — ivory / cream */
  --cream-50:  #FBF6EC;
  --ivory-100: #FFFDF7;
  --ivory-200: #FAF5E9;
  --mist-200:  #EFE7D5;
  --mist-300:  #E7DCC8;
  --mist-400:  #C9BCA4;

  /* Semantic */
  --leaf-700:  #3E5A29;
  --leaf-600:  #4F6B3A;
  --leaf-100:  #DDE8C6;
  --henna-700: #6E2A12;
  --henna-500: #8C3A1F;
  --henna-100: #F2D5C7;
  --saffron-500: #D88927;
  --saffron-100: #FAE3C2;

  /* Text */
  --ink-900: #1B2530;
  --ink-700: #313A47;
  --ink-600: #4D5663;
  --ink-500: #6F7884;
  --ink-300: #A4ABB6;

  /* Surfaces */
  --surface-page: var(--cream-50);
  --surface-card: var(--ivory-100);
  --surface-raised: #FFFFFF;
  --surface-sunken: var(--ivory-200);
  --surface-overlay: rgba(14, 43, 60, 0.45);

  /* Border */
  --border-subtle: var(--mist-200);
  --border-default: var(--mist-300);
  --border-strong: var(--mist-400);

  /* Elevation — warm-tinted, soft */
  --shadow-xs: 0 1px 2px rgba(14, 43, 60, 0.05);
  --shadow-sm: 0 2px 4px rgba(14, 43, 60, 0.06), 0 1px 2px rgba(14, 43, 60, 0.04);
  --shadow-md: 0 6px 18px rgba(14, 43, 60, 0.08), 0 2px 6px rgba(14, 43, 60, 0.04);
  --shadow-lg: 0 16px 40px rgba(14, 43, 60, 0.12), 0 4px 10px rgba(14, 43, 60, 0.05);
  --shadow-gold-glow: 0 0 0 1px rgba(212, 168, 90, 0.35), 0 6px 20px rgba(212, 168, 90, 0.18);

  /* Radius */
  --radius-xs: 6px;
  --radius-sm: 10px;
  --radius-md: 14px;
  --radius-lg: 20px;
  --radius-xl: 28px;
  --radius-pill: 999px;

  /* Spacing — 4-pt scale */
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 24px;
  --space-6: 32px;
  --space-7: 48px;
  --space-8: 64px;
  --space-9: 96px;

  /* Typography stacks */
  --font-display: 'Fraunces', 'Iowan Old Style', Georgia, serif;
  --font-body:    'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
  --font-accent:  'Tiro Devanagari Marathi', 'Noto Serif Devanagari', serif;
  --font-gujarati:'Noto Sans Gujarati', 'Tiro Gujarati', system-ui, sans-serif;
  --font-mono:    'JetBrains Mono', 'SF Mono', Menlo, monospace;

  /* Type scale */
  --fs-display-xl: 56px;
  --fs-display-lg: 44px;
  --fs-display-md: 36px;
  --fs-display-sm: 28px;
  --fs-h1: 24px;
  --fs-h2: 20px;
  --fs-h3: 18px;
  --fs-body: 15px;
  --fs-body-sm: 13px;
  --fs-caption: 12px;
  --fs-tiny: 11px;

  /* Icon sizing */
  --icon-sm: 14px;
  --icon-md: 18px;
  --icon-lg: 22px;

  /* Layout */
  --header-height: 64px;
  --sidebar-width: 248px;
  --sidebar-width-collapsed: 72px;
  --content-max-width: none;

  /* Motion */
  --t-fast: 120ms;
  --t-base: 180ms;
  --t-slow: 280ms;
  --ease-out: cubic-bezier(0.2, 0.8, 0.2, 1);

  /* Z-index */
  --z-header: 50;
  --z-sidebar: 40;
  --z-dropdown: 60;
  --z-toast: 85;
  --z-modal: 80;
  --z-overlay: 75;
  --z-loader: 90;
}