/* ============================================================
   DESIGN TOKENS  ·  THE BRAND SWAP-POINT
   ------------------------------------------------------------
   This is the ONE file that changes per brand.
   JT, CiV, and Greeter Falls share the same component
   architecture and swap *this* file to re-skin.

   Rule: components NEVER hardcode color/type/spacing values.
   They reference these custom properties only. That discipline
   is what makes the template reusable.
   ============================================================ */

:root {
  /* ---- BRAND: James Trail ---- */

  /* Color */
  --color-bg:            #EDECED;   /* paper */
  --color-bg-warm:       #E3E2E1;
  --color-ink:           #003B31;   /* deep green */
  --color-ink-darker:    #002822;
  --color-surface-1:     #51604D;   /* sage */
  --color-surface-2:     #3F4D3C;   /* sage deep */
  --color-muted:         #667268;   /* stone */
  --color-accent:        #E9FF4F;   /* chartreuse */
  --color-on-dark:       #EDECED;   /* text on dark panels */

  /* Type */
  --font-serif: 'Sentient', Georgia, serif;
  --font-sans:  'Public Sans', system-ui, sans-serif;
  --font-mono:  ui-monospace, monospace;

  --type-h1: clamp(2.4rem, 6vw, 5rem);
  --type-h2: clamp(1.9rem, 4.2vw, 3.4rem);
  --type-h3: clamp(1.3rem, 2.4vw, 1.9rem);
  --type-body: 17px;
  --type-eyebrow: 0.72rem;

  /* Spacing & layout */
  --container: 1280px;
  --gutter: clamp(20px, 4vw, 56px);
  --section-pad: clamp(80px, 10vw, 130px);
  --radius: 4px;

  /* Motion */
  --ease: cubic-bezier(0.4, 0, 0.2, 1);
  --dur: 0.25s;
}

/* ------------------------------------------------------------
   To create CiV or Greeter Falls: copy this file, change ONLY
   the values above. Fonts get swapped here + in the <head>
   font links. Component SCSS stays untouched.
   ------------------------------------------------------------ */