/* ============================================================
   Ember & Oak — Brand tokens
   ------------------------------------------------------------
   This is the customization layer. Rebrand the template by
   editing the values below; index.html reads all of them.
   Loaded BEFORE the inline <style> in index.html.
   ============================================================ */

:root{
  /* ---- Core palette ---------------------------------------
     charcoal   = page background (darkest)
     charcoal-2 = raised surface / alternating section
     brown      = warm surface (cards, bands)
     brown-2    = hover / border-warm
     amber      = PRIMARY ACCENT (CTAs, rules, key numerals)
     amber-soft = accent hover / lighter accent
     cream      = primary text on dark
     cream-dim / cream-faint = secondary + tertiary text
     hairline   = 1px rules and card borders
  --------------------------------------------------------- */
  --charcoal:#141009;
  --charcoal-2:#1b1510;
  --brown:#2A1F14;
  --brown-2:#3a2c1c;
  --amber:#E08E45;
  --amber-soft:#eba766;
  --cream:#F3EADD;
  --cream-dim:rgba(243,234,221,.68);
  --cream-faint:rgba(243,234,221,.55);  /* 5.4:1 on charcoal, 4.5:1 on brown-2 (was .42 = 3.6:1) */
  --hairline:rgba(243,234,221,.14);

  /* ---- Typography -----------------------------------------
     Change the Google Fonts <link> in index.html <head> to
     match if you swap these families.
  --------------------------------------------------------- */
  --serif:'Prata',Georgia,serif;                              /* display / headings */
  --sans:'Work Sans',-apple-system,Segoe UI,sans-serif;       /* body / UI */

  /* ---- Shape & depth -------------------------------------- */
  --radius:2px;                                /* base corner radius */
  --shadow-lift:0 30px 60px rgba(0,0,0,.5);    /* floating card shadow */

  /* ---- Motion & rhythm ------------------------------------ */
  --ease:cubic-bezier(.22,.61,.21,1);          /* shared easing curve */
  --pad:clamp(1.25rem,5vw,4.5rem);             /* section gutter / rhythm */
}