/* ============================================================
   AZEON — DESIGN TOKENS
   THE ONLY FILE YOU NEED TO EDIT FOR COLORS / FONTS / SPACING
   ============================================================

   BACKGROUNDS & SURFACES
   ------------------------------------------------------------ */
:root {
  --bg:  #0D0408;          /* Main page background */
  --s1:  #120509;          /* Surface 1 — slightly lighter */
  --s2:  #16070C;          /* Surface 2 — card / section bg */
  --s3:  #1C0A12;          /* Surface 3 — raised surfaces */
  --s4:  #200C14;          /* Surface 4 — borders, subtle lifts */
  /* Aliases used by sub-pages */
  --color-bg:            #0D0408;
  --color-surface:       #120509;
  --color-surface-light: #1C0A12;

  /* ============================================================
     ACCENT — ROSE GOLD
     ------------------------------------------------------------ */
  --rose:  #C4956A;        /* Primary brand accent — buttons, headings, icons */
  --rose2: #a87a52;        /* Hover state */
  --rose3: #d4a97a;        /* Highlights, glows */
  --color-accent:       #C4956A;
  --color-accent-hover: #a87a52;
  --rosefade: rgba(196,149,106,.08);   /* Hairline / wash */
  --roselite: rgba(196,149,106,.18);   /* Visible tint */

  /* ============================================================
     ACCENT — WINE / DEEP RED  (shadows & glows only)
     ------------------------------------------------------------ */
  --wine:     #7B2A3A;
  --winefade: rgba(123,42,58,.18);

  /* ============================================================
     TEXT
     ------------------------------------------------------------ */
  --t:  #F0E6E0;                       /* Primary text — off-white warm */
  --mt: rgba(240,230,224,.65);         /* Muted text — subtitles, descriptions, nav links */
  --bt: rgba(240,230,224,.1);          /* Barely visible — legal copy */
  /* Aliases */
  --color-text:       #F0E6E0;
  --color-text-muted: rgba(240,230,224,.65);  /* body descriptions — var(--mt) */

  /* ============================================================
     TYPOGRAPHY
     ------------------------------------------------------------ */
  --serif: 'EB Garamond', serif;       /* Headings */
  --sans:  'Outfit', sans-serif;       /* Body / UI */
  --font-heading: 'EB Garamond', serif;
  --font-body:    'Outfit', sans-serif;

  /* ============================================================
     MOTION
     ------------------------------------------------------------ */
  --ease:       cubic-bezier(.22,1,.36,1);
  --transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);

  /* ============================================================
     LAYOUT
     ------------------------------------------------------------ */
  --nav-h: 82px;
}