/* ============================================================
   Treantly design tokens — SINGLE SOURCE OF TRUTH.
   Lifted from the production prospects template :root and the
   Treantly Brand Guidelines 2026 v2. Always reference these
   variables; never hardcode hex/sizes in templates.
   ============================================================ */

:root {
  /* ---- Palette: forest greens ---- */
  --t-forest:        #2D3D23;  /* primary text & accents          */
  --t-forest-deep:   #1e2b18;  /* deepest green                   */
  --t-forest-mid:    #3a5030;  /* hover / mid green               */
  --t-dark:          #282828;  /* charcoal (secondary text/print) */
  --t-mid-green:     #556154;  /* muted supporting text           */

  /* ---- Palette: accents ---- */
  --t-lime:          #E3F599;  /* primary CTA / highlight (web)   */
  --t-yellow:        #FFED83;  /* strategic accent — key words    */
  --t-tan:           #CEC4A5;  /* warm neutral                    */

  /* ---- Palette: surfaces ---- */
  --t-bg-green:      #F0F4D3;  /* light green background          */
  --t-bg-warm:       #F5F3EC;  /* cream background                */
  --t-white:         #FFFFFF;

  /* ---- Palette: lines & muted ---- */
  --t-border:        #CEC4A5;
  --t-border-light:  #e8e4d8;
  --t-text-muted:    #556154;

  /* ---- Semantic aliases ---- */
  --t-text:          var(--t-forest);
  --t-bg:            var(--t-bg-warm);
  --t-accent:        var(--t-lime);

  /* ---- Typography ---- */
  --font-display: 'Faculty Glyphic', Georgia, 'Times New Roman', serif;
  --font-body:    'DM Sans', system-ui, -apple-system, 'Segoe UI', sans-serif;

  /* ---- Radius (rounded edges only — brand rule) ---- */
  --r-sm:  8px;
  --r-md:  14px;
  --r-lg:  24px;
  --r-xl:  32px;
  --r-pill: 999px;

  /* ---- Shadows ---- */
  --shadow-sm:   0 1px 4px  rgba(45,61,35,0.08);
  --shadow-card: 0 2px 20px rgba(45,61,35,0.10);
  --shadow-lift: 0 8px 32px rgba(45,61,35,0.14);

  /* ---- Spacing scale ---- */
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 24px;
  --space-6: 32px;
  --space-7: 48px;
  --space-8: 64px;
  --space-9: 96px;

  /* ---- Layout ---- */
  --container:     1160px;
  --container-pad: 28px;

  /* ---- Motion ---- */
  --transition: 0.2s ease;
}