/* ============================================================
   NIGHT MACARON — Design Tokens & Global Reset
   ============================================================ */

*, *::before, *::after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

:root {
  /* ── Backgrounds ── */
  --bg:              #06070f;
  --bg-2:            #0c0e1c;

  /* ── Surfaces ── */
  --surface:         rgba(255, 255, 255, 0.025);
  --surface-hover:   rgba(255, 255, 255, 0.04);

  /* ── Borders ── */
  --border:          rgba(255, 255, 255, 0.07);
  --border-hover:    rgba(255, 255, 255, 0.12);
  --border-gold:     rgba(200, 169, 110, 0.25);
  --border-gold-hover: rgba(200, 169, 110, 0.5);

  /* ── Gold palette ── */
  --gold:            #c8a96e;
  --gold-light:      #e8d5a3;
  --gold-dim:        rgba(200, 169, 110, 0.6);

  /* ── Purple palette ── */
  --purple:          #7c5cbf;
  --purple-dim:      rgba(124, 92, 191, 0.15);
  --lavender:        #b8a8e0;
  --lavender-dim:    rgba(184, 168, 224, 0.12);

  /* ── Text ── */
  --text:            #f0ede8;
  --text-secondary:  #c8c4bc;
  --muted:           #6b6880;
  --muted-light:     #9994aa;

  /* ── Typography ── */
  --font-serif:      'Cormorant Garamond', Georgia, serif;
  --font-sans:       'Raleway', 'Helvetica Neue', sans-serif;

  /* ── Spacing scale ── */
  --section-pad-v:   9rem;
  --section-pad-h:   2rem;
  --max-width:       1120px;

  /* ── Transitions ── */
  --t-fast:          0.2s ease;
  --t-base:          0.35s ease;
  --t-slow:          0.6s ease;

  /* ── Radii ── */
  --radius-sm:       4px;
  --radius-md:       8px;
  --radius-lg:       16px;

  /* ── Z-index layers ── */
  --z-stars:         0;
  --z-grain:         1;
  --z-content:       2;
  --z-nav:           100;
}