/* MSG (martyschwartzguitar.com) design tokens — the source of truth the Open Design
   `msg` system mirrors. Warm + classic + simple. Gold leads, green is quiet success only.
   Based on the current MSG look (Literata + warm gold), trimmed and modernized.
   Keep it restrained: this is a song-lesson library, not a flashy marketing site. */
:root {
  /* ---- Brand: warm gold (the action/CTA hue) ---- */
  --brand:        #B5832B;
  --brand-hover:  #9C6F22;
  --brand-strong: #7E591A;            /* deep — text-on-pale, emphasis (AA-capable) */
  --brand-soft:   #F6EDD8;            /* soft tint fill (opt-in cards, callouts) */
  --brand-wash:   #FBF6EC;            /* large quiet section wash */

  /* ---- Paper (surfaces) — warm, ~80%+ of every screen ---- */
  --paper:        #FDFCFA;            /* page canvas */
  --paper-tint:   #F4F2EC;            /* alternating section */
  --surface:      #FFFFFF;            /* cards lift off the warm bg */
  --border:       #E7E2D8;            /* hairline dividers, card edges */

  /* ---- Ink (text) ---- */
  --ink-heading:  #1A1A1A;
  --ink-body:     #2D2D2D;            /* body floor — never lighter for paragraphs */
  --ink-muted:    #5C5C5C;            /* meta, captions */

  /* ---- Dark anchor (footer / occasional band) ---- */
  --dark:         #1B1916;
  --on-dark:      #FFFFFF;

  /* ---- Semantic (rare, never the brand) ---- */
  --success:      #1F7A47;            /* green tick — confirmed/sent only */
  --error:        #C0392B;

  /* ---- Type ---- */
  --font-heading: 'Literata', Georgia, 'Times New Roman', serif;  /* matches current MSG */
  --font-body:    'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;

  /* ---- Reading-first layout ---- */
  --width-content: 720px;             /* song-lesson reading + video column */
  --width-wide:    1080px;            /* hubs / homepage */
  --radius-md:     8px;
  --shadow-sm:     0 1px 3px rgba(27,25,22,0.06);
  --shadow-md:     0 4px 16px rgba(27,25,22,0.08);
}