/* =============================================================
   Işığım — Design Tokens (lighthouse edition)
   Same type + rhythm as the songbook kit; the accent shifts from
   sage-green to sea-slate, and gold is kept as "the light".
   Load this INSTEAD of tokens.css for Işığım pages.
   ============================================================= */

:root {
  /* ---- Colour ------------------------------------------------ */
  --cream:      #FBF7EE;  /* page field                          */
  --cream-2:    #F1ECDE;  /* cover gradient foot                 */
  --ink:        #4A443C;  /* primary text                        */
  --ink-soft:   #8B8272;  /* credits, folios                     */
  --sea:        #6E8494;  /* number word, stems  (was --sage)    */
  --sea-deep:   #4E6377;  /* refrains, italics, links            */
  --gold:       #D9A93E;  /* the light: lantern, dropcap         */
  --gold-soft:  #EFC152;
  --beacon:     #C67E6E;  /* lighthouse stripe (soft clay)       */
  --line:       #E4D8BF;  /* frame + hairlines                   */
  --hair:       #E0D3B4;  /* continuation-cue hairline           */
  --rule-soft:  #EAE0CB;

  /* ---- Type families (identical to the base kit) ------------- */
  --font-display: 'Cormorant Garamond', Georgia, serif;
  --font-script:  'Parisienne', cursive;
  --font-body:    'Lora', Georgia, serif;
  --font-serif-2: 'EB Garamond', Georgia, serif;
  --font-sans:    'Poppins', system-ui, sans-serif;

  /* ---- Type scale (px == the pt spec) ------------------------ */
  --fs-cover-title: 96px;
  --fs-cover-sub:   24px;
  --fs-title:       33px;
  --fs-numberword:  30px;
  --fs-credit:      10.5px;
  --fs-verse:       16.5px;
  --lh-verse:       1.72;
  --fs-folio:       10px;
  --fs-section:     44px;

  /* ---- Rhythm & furniture ----------------------------------- */
  --stanza-gap:   36.9px;
  --credit-track: 0.30em;
  --folio-track:  0.45em;
  --verse-color:  #514A40;
  --sheet-max:    760px;
  --sheet-pad:    64px;
  --frame-inset:  28px;
  --cue-hair-w:   64px;
}