/* ============================================================
   FAERI Design System — CSS Custom Properties
   ============================================================ */

:root {
  /* ── Brand Colors ── */
  --navy:       #0a0e1a;
  --cyan:       #00d4ff;
  --orange:     #F0932B;
  --gold:       #ffd700;
  --silver:     #b8d0ec;
  --muted:      #6a8aaa;
  --white:      #ffffff;

  /* ── Derived / Transparent ── */
  --cyan-dim:       rgba(0, 212, 255, 0.06);
  --cyan-border:    rgba(0, 212, 255, 0.20);
  --card-border:    rgba(0, 212, 255, 0.20);
  --orange-dim:     rgba(240, 147, 43, 0.08);
  --orange-border:  rgba(240, 147, 43, 0.25);
  --gold-dim:       rgba(255, 215, 0, 0.08);
  --gold-border:    rgba(255, 215, 0, 0.25);

  /* ── Typography ── */
  --font-heading:  'Montserrat', sans-serif;
  --font-body:     'DM Sans', sans-serif;
  --font-accent:   'Cinzel', serif;

  /* ── Spacing ── */
  --section-padding:    80px 0;
  --container-max:      1200px;
  --container-px:       24px;

  /* ── Navigation ── */
  --nav-height:  80px;

  /* ── Z-index Layers ── */
  --z-bg:       0;
  --z-content:  1;
  --z-nav:      100;
  --z-overlay:  999;

  /* ── Per-Day Accent Colors ── */
  --day1:  #00d4ff;   /* cyan  */
  --day2:  #4fc3f7;
  --day3:  #00e676;
  --day4:  #b39dff;
  --day5:  #ffd700;   /* gold  */
}