:root {
  /* ── Primary Navy — Faminab Deep Navy #081223 ── */
  --color-primary-950: #020509;
  --color-primary-900: #040a14;
  --color-primary-800: #081223;   /* Deep Navy — main brand */
  --color-primary-750: #0a1829;
  --color-primary-700: #0D1E3C;   /* Mid Navy */
  --color-primary-650: #102448;
  --color-primary-600: #132843;
  --color-primary-500: #1a3457;
  --color-primary-400: #22426e;
  --color-primary-300: #3a6090;
  --color-primary-200: #5a84aa;
  --color-primary-100: #a4c2db;
  --color-primary-50:  #e6f0f7;

  /* ── Gold Accent — Elegant Metallic Gold #D4AF37 ── */
  --color-gold-950: #3a2a00;
  --color-gold-900: #5c4200;
  --color-gold-800: #7D5A0C;
  --color-gold-700: #9e7212;
  --color-gold-600: #B8960C;      /* Deep Gold */
  --color-gold-500: #C9A227;      /* Matte Gold */
  --color-gold-400: #D4AF37;      /* Elegant Gold — main accent */
  --color-gold-300: #DFC05A;
  --color-gold-200: #F2D05C;      /* Gold Shine */
  --color-gold-100: #F8E49A;
  --color-gold-50:  #FDF5D0;

  /* ── Neutrals ── */
  --color-white:     #ffffff;
  --color-surface:   #f8f9fa;
  --color-gray-100:  #e2e8f0;
  --color-gray-200:  #cbd5e1;
  --color-gray-300:  #94a3b8;
  --color-gray-400:  #64748b;
  --color-gray-500:  #475569;
  --color-gray-600:  #334155;
  --color-gray-700:  #1e293b;
  --color-gray-800:  #0f172a;

  /* ── Semantic ── */
  --color-success:   #22c55e;
  --color-warning:   #f59e0b;
  --color-error:     #ef4444;
  --color-info:      #3b82f6;

  /* ── Typography ── */
  --font-sans:    'Vazirmatn', 'Segoe UI', system-ui, sans-serif;
  --font-display: 'Vazirmatn', var(--font-sans);
  --font-persian: 'Vazirmatn', system-ui, sans-serif;

  --text-xs:   0.75rem;
  --text-sm:   0.875rem;
  --text-base: 1rem;
  --text-lg:   1.125rem;
  --text-xl:   1.25rem;
  --text-2xl:  1.5rem;
  --text-3xl:  1.875rem;
  --text-4xl:  2.25rem;
  --text-5xl:  3rem;
  --text-6xl:  3.75rem;

  --font-normal:    400;
  --font-medium:    500;
  --font-semibold:  600;
  --font-bold:      700;
  --font-extrabold: 800;

  /* ── Spacing ── */
  --space-1:  0.25rem;  --space-2:  0.5rem;   --space-3:  0.75rem;
  --space-4:  1rem;     --space-5:  1.25rem;  --space-6:  1.5rem;
  --space-8:  2rem;     --space-10: 2.5rem;   --space-12: 3rem;
  --space-16: 4rem;     --space-20: 5rem;     --space-24: 6rem;

  /* ── Radius ── */
  --radius-sm:   0.375rem;  --radius-md:  0.625rem;
  --radius-lg:   0.875rem;  --radius-xl:  1.25rem;
  --radius-2xl:  1.75rem;   --radius-full: 9999px;

  /* ── Shadows (navy-tinted) ── */
  --shadow-sm:   0 1px 3px rgba(8,18,35,0.12), 0 1px 2px rgba(8,18,35,0.08);
  --shadow-md:   0 4px 16px rgba(8,18,35,0.15), 0 2px 6px rgba(8,18,35,0.08);
  --shadow-lg:   0 10px 40px rgba(8,18,35,0.20), 0 4px 12px rgba(8,18,35,0.10);
  --shadow-xl:   0 20px 60px rgba(8,18,35,0.25), 0 8px 24px rgba(8,18,35,0.12);
  --shadow-gold: 0 4px 24px rgba(212,175,55,0.28);

  /* ── Glass ── */
  --glass-bg:     rgba(255,255,255,0.05);
  --glass-border: rgba(255,255,255,0.10);
  --glass-blur:   blur(16px);

  /* ── Metallic Gold Gradients ── */
  --gradient-gold-metallic: linear-gradient(
    135deg,
    #7D5A0C 0%,
    #C9A227 18%,
    #D4AF37 30%,
    #F2D05C 50%,
    #D4AF37 70%,
    #C9A227 82%,
    #7D5A0C 100%
  );
  --gradient-gold-accent: linear-gradient(135deg, #B8960C 0%, #D4AF37 50%, #F2D05C 100%);
  --gradient-primary: linear-gradient(135deg, #081223 0%, #0D1E3C 50%, #132843 100%);
  --gradient-hero:    linear-gradient(135deg, #040a14 0%, #081223 40%, #0D1E3C 100%);
  --gradient-mesh:
    radial-gradient(ellipse at 20% 50%, rgba(19,40,67,0.5) 0%, transparent 60%),
    radial-gradient(ellipse at 80% 20%, rgba(212,175,55,0.12) 0%, transparent 50%),
    radial-gradient(ellipse at 60% 80%, rgba(13,30,60,0.6) 0%, transparent 60%);

  /* ── Transitions ── */
  --ease-out:    cubic-bezier(0.16,1,0.3,1);
  --ease-in-out: cubic-bezier(0.4,0,0.2,1);
  --duration-fast:   150ms;
  --duration-base:   250ms;
  --duration-slow:   400ms;
  --duration-slower: 600ms;

  /* ── Z-index scale ── */
  --z-base:    0;   --z-raised:  10;
  --z-dropdown:100; --z-sticky:  200;
  --z-overlay: 620; --z-modal:   630; --z-toast: 700;
}