/* TropiCrunch brand tokens (copied from /workspace/tropic-crunch/brand/brand-tokens.css; Google Fonts @import removed — fonts are self-hosted in /fonts) */

:root {
  /* TropiCrunch brand tokens v1.0 - sampled (k-means) from Eli's official brand board; 'ink' & 'sunrise-orange' from photo of printed bag */
  --tc-cream: #E5D8CA; /* Page/board background (warm cream) */
  --tc-cream-label: #E2D5C3; /* Label / card background */
  --tc-deep-green: #07321C; /* Primary brand color: wordmark, leaves outline, text */
  --tc-forest-dark: #052713; /* Packaging border bands, dark panels, footers */
  --tc-green-mid: #1E422B; /* Secondary dark green, hover/borders */
  --tc-leaf-green: #6A7D0F; /* Leaf vein/inner leaf, accents, icons */
  --tc-leaf-lime: #848E0B; /* Leaf highlight, small accents only */
  --tc-sun-gold: #D59908; /* Sunrise icon, CTAs, rules, highlights */
  --tc-gold-light: #DBB35B; /* Soft gold tints, sun glow */
  --tc-chip-gold: #DBA637; /* Plantain-chip golden-yellow */
  --tc-chip-amber: #BE810C; /* Chip shadow tone / warm accent */
  --tc-weave-amber: #BC7C15; /* Woven band accent (amber/orange) */
  --tc-weave-bronze: #76550E; /* Woven band accent (bronze) */
  --tc-weave-olive: #384A1D; /* Woven band accent (olive) */
  --tc-weave-sage: #9C9B73; /* Woven band accent (sage, muted) */
  --tc-ink: #16100C; /* Near-black/dark brown (print-label wordmark & pattern ink on produced bag) */
  --tc-sunrise-orange: #B96329; /* Sunrise orange from the produced (printed) bag; secondary/legacy */
  --tc-cream-rgb: 229, 216, 202;
  --tc-cream-label-rgb: 226, 213, 195;
  --tc-deep-green-rgb: 7, 50, 28;
  --tc-forest-dark-rgb: 5, 39, 19;
  --tc-green-mid-rgb: 30, 66, 43;
  --tc-leaf-green-rgb: 106, 125, 15;
  --tc-leaf-lime-rgb: 132, 142, 11;
  --tc-sun-gold-rgb: 213, 153, 8;
  --tc-gold-light-rgb: 219, 179, 91;
  --tc-chip-gold-rgb: 219, 166, 55;
  --tc-chip-amber-rgb: 190, 129, 12;
  --tc-weave-amber-rgb: 188, 124, 21;
  --tc-weave-bronze-rgb: 118, 85, 14;
  --tc-weave-olive-rgb: 56, 74, 29;
  --tc-weave-sage-rgb: 156, 155, 115;
  --tc-ink-rgb: 22, 16, 12;
  --tc-sunrise-orange-rgb: 185, 99, 41;

  /* semantic */
  --tc-bg: var(--tc-cream);
  --tc-surface: var(--tc-cream-label);
  --tc-text: var(--tc-deep-green);
  --tc-text-muted: var(--tc-green-mid);
  --tc-primary: var(--tc-deep-green);
  --tc-primary-dark: var(--tc-forest-dark);
  --tc-accent: var(--tc-sun-gold);
  --tc-accent-2: var(--tc-leaf-green);
  --tc-on-primary: var(--tc-cream);
  --tc-on-accent: var(--tc-forest-dark);

  /* fonts (Google Fonts: Oswald 600/700, Montserrat 400/500/600/700) */
  --tc-font-display: 'Oswald', 'Barlow Semi Condensed', 'Arial Narrow', sans-serif;
  --tc-font-label: 'Montserrat', 'Helvetica Neue', Arial, sans-serif;
  --tc-font-body: 'Montserrat', 'Helvetica Neue', Arial, sans-serif;
  --tc-label-tracking: 0.14em;
  --tc-text-xs: 0.75rem;
  --tc-text-sm: 0.875rem;
  --tc-text-base: 1rem;
  --tc-text-md: 1.125rem;
  --tc-text-lg: 1.375rem;
  --tc-text-xl: 1.75rem;
  --tc-text-2xl: 2.25rem;
  --tc-text-3xl: 3rem;
  --tc-text-4xl: 4rem;
  --tc-leading-tight: 1.1;
  --tc-leading-snug: 1.3;
  --tc-leading-normal: 1.55;
  --tc-space-0: 0rem;
  --tc-space-1: 0.25rem;
  --tc-space-2: 0.5rem;
  --tc-space-3: 0.75rem;
  --tc-space-4: 1rem;
  --tc-space-5: 1.5rem;
  --tc-space-6: 2rem;
  --tc-space-7: 3rem;
  --tc-space-8: 4rem;
  --tc-space-9: 6rem;
  --tc-space-10: 8rem;
  --tc-radius-none: 0px;
  --tc-radius-sm: 4px;
  --tc-radius-md: 8px;
  --tc-radius-lg: 14px;
  --tc-radius-xl: 24px;
  --tc-radius-pill: 999px;
  --tc-shadow-sm: 0 1px 2px rgba(7,50,28,0.12);
  --tc-shadow-md: 0 4px 12px rgba(7,50,28,0.14);
  --tc-shadow-lg: 0 12px 32px rgba(7,50,28,0.18);
  --tc-shadow-glow-gold: 0 0 0 3px rgba(213,153,8,0.35);
  --tc-border-hairline: 1px solid rgba(7, 50, 28, 0.15);
  --tc-border-rule-gold: 2px solid #D59908;
}

/* helper classes */
.tc-display { font-family: var(--tc-font-display); font-weight: 700; color: var(--tc-deep-green); line-height: var(--tc-leading-tight); }
.tc-label { font-family: var(--tc-font-label); font-weight: 600; text-transform: uppercase; letter-spacing: var(--tc-label-tracking); color: var(--tc-deep-green); }
.tc-body { font-family: var(--tc-font-body); font-weight: 400; color: var(--tc-text); line-height: var(--tc-leading-normal); }
.tc-btn { font-family: var(--tc-font-label); font-weight: 700; text-transform: uppercase; letter-spacing: 0.08em; background: var(--tc-deep-green); color: var(--tc-cream); border-radius: var(--tc-radius-pill); padding: var(--tc-space-3) var(--tc-space-5); box-shadow: var(--tc-shadow-sm); border: 0; }
.tc-btn--gold { background: var(--tc-sun-gold); color: var(--tc-forest-dark); }
.tc-rule { border: 0; border-top: var(--tc-border-rule-gold); width: 120px; }