/* =============================================
   High Stack Solutions — Color Tokens
   ============================================= */
:root {
  /* ── Brand Core ─────────────────────────────
     Pull Acid Lime from here, NOT from the logo.
     The logo green (#4DB800) is for the wordmark
     only and should not appear in UI. ────────── */
  --color-acid-lime:       #D5F674;   /* signature accent — one focal moment per view */
  --color-deep-green:      #101D14;   /* premium anchor, large blocks, CTA, footer */
  --color-ink-green:       #192A08;   /* display headlines on light backgrounds */
  --color-logo-green:      #4DB800;   /* wordmark only — do not reuse in UI */

  /* ── Background Tones ────────────────────── */
  --color-mist:            #EFFEEB;   /* palest green section separator */
  --color-soft-tint:       #F4F8EE;   /* slightly warmer mist alternative */
  --color-white:           #FFFFFF;
  --color-off-white:       #F8F8F8;   /* cards on white, breathing room */

  /* ── Text ────────────────────────────────── */
  --color-text-primary:    #101D14;   /* body text on light */
  --color-text-body:       #2D4020;   /* slightly lighter body */
  --color-text-muted:      #5A7048;   /* captions, metadata */
  --color-text-disabled:   #9AB088;
  --color-text-on-dark:    #FFFFFF;
  --color-text-on-lime:    #192A08;   /* text placed on acid lime */
  --color-text-lime:       #D5F674;   /* lime text on dark backgrounds */

  /* ── Borders ─────────────────────────────── */
  --color-border:          #C8D8B8;
  --color-border-subtle:   #E4EDD8;
  --color-border-strong:   #8FAA78;

  /* ── Semantic Surfaces ───────────────────── */
  --color-surface-page:    #FFFFFF;
  --color-surface-card:    #FFFFFF;
  --color-surface-muted:   #F4F8EE;
  --color-surface-dark:    #101D14;
  --color-surface-lime:    #D5F674;

  /* ── Interactive / Focus ─────────────────── */
  --color-focus-ring:      rgba(213, 246, 116, 0.50);
  --color-overlay-dark:    rgba(16, 29, 20, 0.72);
  --color-overlay-lime:    rgba(213, 246, 116, 0.12);

  /* ── Vertical Tags ───────────────────────── */
  --color-kratom-bg:       #DFF0CA;
  --color-kratom-text:     #1E4A0A;
  --color-kratom-border:   #A8CF7C;
  --color-cbd-bg:          #C8EDE0;
  --color-cbd-text:        #0A3D2B;
  --color-cbd-border:      #7DCDB8;
  --color-delta-bg:        #E8DFF7;
  --color-delta-text:      #2A1060;
  --color-delta-border:    #B89CE4;
  --color-cannabis-bg:     #D5F674;
  --color-cannabis-text:   #192A08;
  --color-cannabis-border: #AACC30;
}