/* HempVerse design tokens
 * Authority: /opt/lukas-os/PROJECTS/zombie-game/NEW_CONCEPT.md
 * Created: 2026-05-20 (HempVerse rebuild, post-archive pivot)
 *
 * Authority for what must not appear (rejected legacy patterns,
 * banned messaging, banned section headers, banned class prefixes):
 * REJECTION_NOTES.md is the single source of truth.
 *
 * Aesthetic: botanical refined, deep emerald base, leaf green primary,
 * kush magenta as secondary accent, amber as warm accent.
 *
 * Consumers (Phase 30 tooling-discoverability marker, turn 378):
 *   - client/index.html              (HempVerse homepage)
 *   - client/g/hempbaron/style.css   (game #1 — state: live)
 *   - client/g/growmaster/index.html (game #2 — depth_score 30/30)
 *   - All future games under client/g/* inherit these tokens.
 */

:root {
  /* backgrounds */
  --bg-deep:        #0a1410;
  --bg-mid:         #0f2018;
  --bg-elevated:    #14241c;
  --surface:        #1a2820;
  --surface-hover:  #1f2e25;

  /* primary: leaf green (botanical) */
  --leaf:           #4ade80;
  --leaf-bright:    #86efac;
  --leaf-dim:       #22c55e;
  --leaf-glow:      rgba(74, 222, 128, 0.32);

  /* secondary: kush magenta (accent only) */
  --magenta:        #c084fc;
  --magenta-bright: #d8b4fe;
  --magenta-dim:    #a855f7;

  /* tertiary: amber (warm botanical) */
  --amber:          #fbbf24;
  --amber-bright:   #fcd34d;

  /* text */
  --text-primary:   #f0fdf4;
  --text-body:      #d1fae5;
  --text-muted:     #94a3b8;
  --text-faint:     #64748b;

  /* borders */
  --border:         rgba(240, 253, 244, 0.10);
  --border-strong:  rgba(240, 253, 244, 0.18);

  /* semantic */
  --success:        var(--leaf);
  --warning:        var(--amber);
  --danger:         #ef4444;

  /* typography */
  --font-display:   'Fraunces', Georgia, 'Times New Roman', serif;
  --font-body:      'Inter', system-ui, -apple-system, sans-serif;
  --font-mono:      'JetBrains Mono', ui-monospace, 'SF Mono', monospace;

  --fs-xs:    0.75rem;
  --fs-sm:    0.875rem;
  --fs-base:  1rem;
  --fs-md:    1.125rem;
  --fs-lg:    1.25rem;
  --fs-xl:    1.5rem;
  --fs-2xl:   2rem;
  --fs-3xl:   2.5rem;
  --fs-4xl:   3.5rem;
  --fs-5xl:   5rem;

  --lh-tight:    1.1;
  --lh-snug:     1.3;
  --lh-base:     1.55;
  --lh-relaxed:  1.7;

  --fw-regular:  400;
  --fw-medium:   500;
  --fw-semi:     600;
  --fw-bold:     700;
  --fw-black:    900;

  /* spacing */
  --sp-1:  0.25rem;
  --sp-2:  0.5rem;
  --sp-3:  0.75rem;
  --sp-4:  1rem;
  --sp-5:  1.25rem;
  --sp-6:  1.5rem;
  --sp-8:  2rem;
  --sp-10: 2.5rem;
  --sp-12: 3rem;
  --sp-16: 4rem;
  --sp-20: 5rem;
  --sp-24: 6rem;

  /* radii */
  --radius-sm:   4px;
  --radius-md:   8px;
  --radius-lg:   14px;
  --radius-xl:   22px;
  --radius-full: 9999px;

  /* shadows (soft glow, NOT cyber-neon harsh) */
  --shadow-sm:    0 1px 2px rgba(0,0,0,0.4);
  --shadow-md:    0 4px 12px rgba(0,0,0,0.35);
  --shadow-lg:    0 10px 32px rgba(0,0,0,0.45);
  --shadow-glow:  0 0 24px var(--leaf-glow);

  /* transitions */
  --tx-fast:  140ms cubic-bezier(0.4, 0, 0.2, 1);
  --tx-base:  220ms cubic-bezier(0.4, 0, 0.2, 1);
  --tx-slow:  400ms cubic-bezier(0.4, 0, 0.2, 1);

  /* z-index */
  --z-base:     1;
  --z-elevated: 10;
  --z-overlay:  100;
  --z-modal:    1000;
  --z-toast:    10000;

  /* layout maxima */
  --content-max: 1280px;
  --reading-max: 72ch;
}