/* TrendGoblin design tokens — Indie Groovy direction
 * Extracted 2026-09-18 from the shipped brand kit (logo/hero histograms).
 * Single source: vault note trendgoblin_brand_system.md mirrors this file.
 */

:root {
  /* ── Brand DNA (from kit) ─────────────────────────────── */
  --cream:        #F9EFD6;  /* canvas */
  --cream-soft:   #FEF3D9;  /* hero canvas */
  --goblin:       #F7AF4A;  /* primary orange — mascot fill */
  --ember:        #D0612F;  /* burnt orange — hero accent, secondary */
  --mustard:      #C49D44;  /* gold accent */
  --avocado:      #6F6C29;  /* deep olive outline — primary accent */
  --avocado-soft: #AEA851;  /* lighter olive */
  --bark:         #714025;  /* dark brown — hero deep tone */
  --ink:          #3D2B1F;  /* near-black brown — body text, headlines */

  /* Primary scale (goblin orange) */
  --primary-50:  #FDF2E0;
  --primary-100: #FBE6C2;
  --primary-200: #F9D492;
  --primary-300: #F8C163;
  --primary-400: #F7AF4A;  /* base */
  --primary-500: #E89A2E;
  --primary-600: #C97F22;
  --primary-700: #A4651B;
  --primary-800: #7C4C14;
  --primary-900: #55330D;

  /* Accent scale (avocado) */
  --accent-50:  #F1F0DC;
  --accent-100: #E3E1B8;
  --accent-200: #CCCA87;
  --accent-300: #AEA851;
  --accent-400: #8F8A3D;
  --accent-500: #6F6C29;   /* base */
  --accent-600: #585620;
  --accent-700: #424018;
  --accent-800: #2C2B10;
  --accent-900: #191808;

  /* Neutrals (warm) */
  --neutral-50:  #FDF8EA;
  --neutral-100: #F9EFD6;  /* = cream */
  --neutral-200: #EDE0BD;
  --neutral-300: #DCCB9E;
  --neutral-400: #B5A375;
  --neutral-500: #8D7F57;
  --neutral-600: #665C3F;
  --neutral-700: #4A4230;
  --neutral-800: #332B1F;
  --neutral-900: #3D2B1F;  /* = ink */

  /* Verdict semantics — THE product metaphor */
  --verdict-qualified: #437A35;  /* can make money */
  --verdict-plausible: #C49D44;  /* payment-plausible (mustard) */
  --verdict-watch:     #D0612F;  /* traffic opportunity (ember) */
  --verdict-rejected:  #BF3B2B;  /* roast. */
  --verdict-unknown:   #8D7F57;  /* neutral-500 — stale/gray area */

  /* Generic semantics */
  --success: var(--verdict-qualified);
  --warning: var(--verdict-watch);
  --error:   var(--verdict-rejected);
  --info:    #B5651D;

  /* ── Typography ───────────────────────────────────────── */
  /* All Google Fonts, zero license cost */
  --font-display: 'Fraunces', 'Iowan Old Style', Georgia, serif;      /* 70s-warm serif, SOFT+WONK axes */
  --font-body:    'DM Sans', system-ui, sans-serif;
  --font-mono:    'JetBrains Mono', 'SF Mono', monospace;             /* numbers, tables, verdict chips */

  --text-xs:   0.75rem;
  --text-sm:   0.875rem;
  --text-base: 1rem;
  --text-lg:   1.125rem;
  --text-xl:   1.25rem;
  --text-2xl:  1.5rem;
  --text-3xl:  1.875rem;
  --text-4xl:  2.25rem;
  --text-5xl:  3rem;
  --text-6xl:  3.75rem;

  --font-normal: 400;
  --font-medium: 500;
  --font-bold:   700;
  --font-black:  900;   /* Fraunces display weight — matches lockup mass */

  --leading-tight: 1.15;
  --leading-normal: 1.5;

  --tracking-tight: -0.015em;  /* display headlines */
  --tracking-wide:   0.04em;   /* eyebrows / verdict chips, uppercase */

  /* ── Shape — thick rounded outlines are the brand ─────── */
  --radius-sm:   0.375rem;
  --radius-md:   0.625rem;
  --radius-lg:   1rem;
  --radius-xl:   1.5rem;
  --radius-pill: 9999px;
  --stroke-thick: 2.5px;    /* borders on cards/chips — the logo outline */

  /* 8pt spacing */
  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-6: 1.5rem;
  --space-8: 2rem;
  --space-12: 3rem;
  --space-16: 4rem;
  --space-24: 6rem;

  /* Flat-era shadows — offset solid, no blur (70s print poster feel) */
  --shadow-press: 3px 3px 0 var(--ink);
  --shadow-lift:  6px 6px 0 var(--ink);
}

/* Dark mode is NOT a launch surface — brand lives on cream.
 * Defer until a real need exists. */