/* ============================================================
   LA GRECA RESEARCH — DESIGN TOKENS
   Merged from the Claude Design system export:
     fonts.css + colors.css + typography.css
   Palette: CAFETAL. Type: Newsreader (display) + Public Sans (body).
   ============================================================ */

/* ---- Webfonts (Newsreader + Public Sans) -------------------- */
@import url('https://fonts.googleapis.com/css2?family=Newsreader:ital,opsz,wght@0,6..72,400;0,6..72,500;0,6..72,600;0,6..72,700;0,6..72,800;1,6..72,400;1,6..72,500&family=Public+Sans:ital,wght@0,400;0,500;0,600;0,700;0,800;1,400&display=swap');

:root {
  /* ---- Primary · the cafetal (green coffee) ------------------- */
  --p-ink:  #364100;   /* Coffea leaves */
  --p:      #6F7F3E;   /* Matcha — signature green */
  --p-mid:  #859458;   /* Plantain */
  --p-tint: #D9F381;   /* Lime */

  /* ---- Secondary · the brew ----------------------------------- */
  --s-ink:  #573600;   /* Espresso */
  --s:      #B98F5B;   /* Brown Sugar */
  --s-tint: #FFD8A8;   /* Crema */

  /* ---- Neutrals · the craft ----------------------------------- */
  --n-ink:   #373333;  /* Ink — body text */
  --n-ink-2: #282321;  /* Charcoal — dark fields */
  --n-mid:   #8E8B8B;  /* Steel — muted text */
  --n-soft:  #B5B2B2;  /* Ash */
  --n-line:  #E5E2E2;  /* Steam — hairline */
  --n-paper: #F8F6F6;  /* Paper — page bg */
  --white:   #FFFFFF;  /* Sugar — card surface */

  /* ---- Cafetal ramp · sequential data ------------------------- */
  --g1: #364100; --g2: #5C6B30; --g3: #6F7F3E; --g4: #859458;
  --g5: #9CA67B; --g6: #B6BD9E; --g7: #C1C6AC;

  /* ===== Semantic aliases · "paper" application ================ */
  --bg:         var(--n-paper);
  --surface:    var(--white);
  --ink:        var(--n-ink);
  --ink-soft:   var(--n-mid);
  --accent:     var(--p);
  --accent-ink: var(--p-ink);
  --accent-2:   var(--s);
  --highlight:  var(--p-tint);
  --hairline:   var(--n-line);
  --divider-bg: var(--n-ink-2);
  --divider-ink:var(--n-paper);

  /* ---- Added during handoff implementation --------------------
     `--bg-warm` is used by the Services and Service-detail headers
     but was never defined in the exported design system — it fell
     back to transparent, so those headers rendered on the paper
     page background, identical to the Home hero. We mirror that:
     --bg-warm resolves to the paper background so the Services
     heroes (and their grid) match the Home page exactly. */
  --bg-warm: var(--n-paper);

  /* ---- Chart series ------------------------------------------- */
  --c1: var(--p); --c2: var(--s); --c3: var(--p-mid); --c4: var(--p-ink); --c5: var(--n-mid);

  /* ---- font families ------------------------------------------ */
  --font-display: "Newsreader", Georgia, "Times New Roman", serif;
  --font-body:    "Public Sans", "Helvetica Neue", Arial, sans-serif;

  /* ---- weights ------------------------------------------------ */
  --w-regular: 400; --w-medium: 500; --w-semibold: 600; --w-bold: 700;

  /* ---- tracking & leading ------------------------------------- */
  --track-label: 0.16em; --track-tight: -0.01em;
  --lh-tight: 1.05; --lh-snug: 1.2; --lh-body: 1.5;
}