/* TEXTUR — Color tokens
   Sampled from the branding PDF. WCAG ratios verified in readme.md §Colors. */
:root {
  /* ── Brand ─────────────────────────────────────────── */
  --textur-green:        #192A1C; /* forest green — primary bg / institutional */
  --textur-green-deep:   #122D1E; /* deeper green — textured hero backgrounds */
  --textur-cream:        #FFE2AE; /* sand cream — logo, headlines, text on dark */
  --textur-terracotta:   #822908; /* terracotta — secondary warm bg */

  /* Logo also ships as pure dark green ink for light contexts */
  --textur-ink:          #172016; /* near-black green — logo on cream/photo overlay */

  /* ── Accents & secondary text ──────────────────────── */
  --textur-coral:        #FF8757; /* live accent — energetic tagline, CTA */
  --textur-amber:        #E5A870; /* soft tagline on green, support text */
  --textur-peach:        #FFCFA2; /* long text on terracotta */

  /* ── Tints (recommended — derived for surfaces/borders) ── */
  --textur-green-700:    #21361f; /* raised surface on green */
  --textur-green-600:    #2c4529; /* hairline borders on green */
  --textur-cream-a12:    rgba(255,226,174,0.12); /* faint cream veil / dividers */
  --textur-cream-a24:    rgba(255,226,174,0.24);
  --textur-terracotta-700:#6d2207; /* raised surface on terracotta */

  /* ── Semantic aliases (map 1:1 to Figma TEXTUR/semantic) ── */
  --color-bg:            var(--textur-green);
  --color-bg-alt:        var(--textur-terracotta);
  --color-surface:       var(--textur-green-700);
  --color-surface-alt:   var(--textur-terracotta-700);
  --color-border:        var(--textur-green-600);
  --color-border-alt:    rgba(255,207,162,0.28);

  --color-text:          var(--textur-cream);
  --color-text-muted:    var(--textur-amber);
  --color-text-on-alt:   var(--textur-peach);
  --color-ink:           var(--textur-ink);

  --color-accent:        var(--textur-coral);
  --color-accent-ink:    #2a0f04;    /* text/icon on coral fills */
  --color-focus:         var(--textur-coral);
}