/* ============================================================
   RACK BUILDER — DESIGN TOKENS v1.0
   Single source of truth for colour, type and shadow.
   Every component references these variables — never raw hex.
   ============================================================ */

:root{
  /* ---- Surfaces ---- */
  --cream:#F7F7F2;
  --cream-deep:#EFEFE6;
  --paper:#FFFFFF;
  --floor:#EFEFE5;

  /* ---- Text ---- */
  --ink:#171A11;
  --body:#3C4034;
  --mut:#7A7A6C;
  --line:#E4E3D8;
  --line-soft:#EDEDE3;

  /* ---- Brand ---- */
  --green:#1E4A3E;
  --green-deep:#11352B;
  --green-tint:#EAF1ED;
  --gold:#B98A2E;
  --gold-soft:#F3EEDD;
  --danger:#8E2434;

  /* ---- Type families ----
     Headings: Fraunces stands in for licensed Bookmania. When Bookmania .woff2
     lands, add its @font-face and it takes over automatically.
     Body: Plus Jakarta Sans (client's choice). */
  --display-text:'bookmania','Fraunces',Georgia,serif;
  --sans:'Plus Jakarta Sans',-apple-system,'Segoe UI',sans-serif;
  --mono:'SF Mono',ui-monospace,'Cascadia Mono',Menlo,monospace;

  /* ---- Shadows ---- */
  --shadow-s:0 1px 2px rgba(38,46,38,.05),0 6px 18px rgba(38,46,38,.07);
  --shadow-m:0 3px 6px rgba(38,46,38,.07),0 16px 40px rgba(38,46,38,.13);

  /* ---- Layout ---- */
  --wrap:1240px;
  --gutter:32px;
  --section-pad:84px;
}

/* ============================================================
   SELF-HOSTED FONTS  (font-display:swap; no Google hot-linking)
   .woff2 files live in /fonts/ inside this child theme.
   ============================================================ */

/* ---- Fraunces (headings — Bookmania stand-in) ---- */
@font-face{font-family:'Fraunces';font-style:normal;font-weight:300;font-display:swap;src:url('fonts/fraunces-300.woff2') format('woff2');}
@font-face{font-family:'Fraunces';font-style:normal;font-weight:400;font-display:swap;src:url('fonts/fraunces-400.woff2') format('woff2');}
@font-face{font-family:'Fraunces';font-style:italic;font-weight:400;font-display:swap;src:url('fonts/fraunces-400-italic.woff2') format('woff2');}
@font-face{font-family:'Fraunces';font-style:normal;font-weight:600;font-display:swap;src:url('fonts/fraunces-600.woff2') format('woff2');}

/* ---- Plus Jakarta Sans (body / UI / prices) ---- */
@font-face{font-family:'Plus Jakarta Sans';font-style:normal;font-weight:300;font-display:swap;src:url('fonts/jakarta-300.woff2') format('woff2');}
@font-face{font-family:'Plus Jakarta Sans';font-style:normal;font-weight:400;font-display:swap;src:url('fonts/jakarta-400.woff2') format('woff2');}
@font-face{font-family:'Plus Jakarta Sans';font-style:normal;font-weight:600;font-display:swap;src:url('fonts/jakarta-600.woff2') format('woff2');}
@font-face{font-family:'Plus Jakarta Sans';font-style:normal;font-weight:700;font-display:swap;src:url('fonts/jakarta-700.woff2') format('woff2');}