/* Vitalyfe Academy — Brand Design Tokens
   Palette by Claude Design · May 2026
   Aesthetic: Late-afternoon sun through linen in a herbalist's apothecary
*/

:root {
  /* Primary */
  --vt-sage:            #3F5847;  /* Forest Sage — headings, nav, brand mark */
  --vt-sage-dark:       #2D4233;  /* Forest Sage (dark) — nav hover, button hover */
  --vt-sage-soft:       #6B8273;  /* Forest Sage (soft) — hover states, dividers */

  /* Secondary */
  --vt-clay:            #C68A6F;  /* Warm Clay — badges, section accents */
  --vt-clay-soft:       #E0B9A4;  /* Warm Clay (soft) — borders, subtle highlights */

  /* Accent / CTA */
  --vt-terracotta:      #B05E3F;  /* Sunbaked Terracotta — buttons, links, CTAs */
  --vt-terracotta-deep: #8E4A30;  /* Terracotta (deep) — button hover */

  /* Backgrounds */
  --vt-oat:             #F6F0E4;  /* Oat Milk — page background */
  --vt-linen:           #EDE4D2;  /* Soft Linen — cards, section surfaces */
  --vt-linen-deep:      #DFD3BB;  /* Linen (deep) — borders, dividers */

  /* Text */
  --vt-bark:            #2D2620;  /* Bark — body text */
  --vt-bark-soft:       #3D352D;  /* Bark (soft) — lede text, body copy */
  --vt-stone:           #756B5E;  /* River Stone — muted text, captions */
  --vt-stone-soft:      #A89E8E;  /* Stone (soft) — placeholders */

  /* Typography */
  --vt-serif: 'Lora', 'Iowan Old Style', Georgia, serif;
  --vt-sans:  'Nunito Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --vt-mono:  'JetBrains Mono', ui-monospace, 'SF Mono', Consolas, monospace;

  /* Layout */
  --max: 1200px;
  --pad: clamp(20px, 4vw, 56px);
}