/* ============================================================
   DESIGN TOKENS — Niranjan Shastri Kamakhya
   ============================================================ */

:root {
  /* ---- Colors ---- */
  --black:        #080808;
  --dark:         #101010;
  --dark-2:       #161616;
  --dark-3:       #1e1008;
  --maroon:       #3a0508;
  --maroon-2:     #4a0709;
  --deep-maroon:  #250304;
  --deep-maroon-2:#1a0203;
  --gold:         #e3a83e;
  --gold-light:   #f1c05b;
  --gold-dark:    #b8832a;
  --gold-dim:     rgba(227, 168, 62, 0.15);
  --gold-border:  rgba(227, 168, 62, 0.35);
  --cream:        #f6efe4;
  --cream-muted:  #d4c9b8;
  --text-muted:   #c7bfb4;
  --text-faint:   #8a7f74;
  --white:        #ffffff;

  /* ---- Semantic Colors ---- */
  --bg-primary:       var(--black);
  --bg-secondary:     var(--dark);
  --bg-maroon:        var(--maroon);
  --bg-deep-maroon:   var(--deep-maroon);
  --border-gold:      rgba(227, 168, 62, 0.3);
  --border-gold-solid: #e3a83e;

  /* ---- Typography ---- */
  --font-serif:  'Cormorant Garamond', 'Georgia', serif;
  --font-sans:   'Inter', 'Arial', sans-serif;

  /* ---- Font Sizes ---- */
  --fs-xs:   0.75rem;   /* 12px */
  --fs-sm:   0.875rem;  /* 14px */
  --fs-base: 1rem;      /* 16px */
  --fs-md:   1.125rem;  /* 18px */
  --fs-lg:   1.25rem;   /* 20px */
  --fs-xl:   1.5rem;    /* 24px */
  --fs-2xl:  1.875rem;  /* 30px */
  --fs-3xl:  2.25rem;   /* 36px */
  --fs-4xl:  3rem;      /* 48px */
  --fs-5xl:  3.75rem;   /* 60px */
  --fs-6xl:  4.5rem;    /* 72px */

  /* ---- Font Weights ---- */
  --fw-light:   300;
  --fw-regular: 400;
  --fw-medium:  500;
  --fw-semibold:600;
  --fw-bold:    700;

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

  /* ---- Border Radius ---- */
  --radius-sm:   4px;
  --radius-md:   8px;
  --radius-lg:   12px;
  --radius-xl:   16px;
  --radius-full: 9999px;

  /* ---- Shadows ---- */
  --shadow-gold:   0 4px 24px rgba(227, 168, 62, 0.12);
  --shadow-dark:   0 8px 32px rgba(0, 0, 0, 0.6);
  --shadow-maroon: 0 4px 20px rgba(58, 5, 8, 0.5);

  /* ---- Transitions ---- */
  --transition-fast:   150ms ease;
  --transition-base:   250ms ease;
  --transition-slow:   400ms ease;

  /* ---- Container ---- */
  --container-max:  1280px;
  --container-pad:  var(--sp-6);

  /* ---- Z-index ---- */
  --z-nav:     100;
  --z-overlay: 200;
  --z-modal:   300;
}