/* JobsChachu design tokens — "Coast & Sunset" (generated from config/jobschachu.brief.json).
   Per-niche reskin = swap this block; the structural tokens below stay constant. */
:root{
  /* Brand palette */
  --teal-50:#eef2f7;  --teal-100:#d8e2ee; --teal-300:#8aa2c0;
  --teal-500:#1d3557; --teal-700:#142844; --teal-900:#0e1c30;
  --accent:#c9702d;   --accent-dark:#a95a20;
  --cream:#f7f5f0;    --paper:#ffffff;
  --ink-900:#161d29;  --ink-700:#333b47;  --ink-500:#5a636f;  --ink-300:#98a0ab;
  --line:#e4e7ec;     --line-soft:#eff1f4;

  /* Semantic aliases */
  --bg:var(--cream);
  --surface:var(--paper);
  --text:var(--ink-900);
  --text-muted:var(--ink-500);
  --primary:var(--teal-500);
  --primary-strong:var(--teal-700);
  --on-primary:#ffffff;

  /* Typography */
  --font-serif:"Fraunces", Georgia, "Times New Roman", serif;
  --font-sans:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;

  /* Structure */
  --max-w:1200px;
  --read-w:760px;
  --gutter:clamp(1rem, 2.6vw, 2rem);
  --radius-sm:8px; --radius:12px; --radius-lg:18px; --radius-xl:26px;
  --shadow-sm:0 1px 2px rgba(18,28,46,.05), 0 1px 1px rgba(18,28,46,.04);
  --shadow:0 4px 16px rgba(18,28,46,.07), 0 1px 3px rgba(18,28,46,.05);
  --shadow-lg:0 18px 44px rgba(18,28,46,.10), 0 5px 14px rgba(18,28,46,.06);
  --t-fast:140ms cubic-bezier(.4,0,.2,1);
  --t:240ms cubic-bezier(.4,0,.2,1);
  --header-h:74px;
}