/* ====================================================================
   CARPATHIAN JERKY — Brand Tokens
   Design system for the rebuilt funnel. Editorial / heritage approach.
   ================================================================== */

:root {
  /* ---- Color: primary brand ---- */
  --cj-sienna:        #8B2F1F;  /* wordmark */
  --cj-sienna-dark:   #5C1E13;
  --cj-sienna-deep:   #3B120B;
  --cj-ember:         #C2410C;  /* hot / sale */
  --cj-amber:         #F5B014;  /* pouch yellow */
  --cj-amber-deep:    #D48B06;

  /* ---- Color: surfaces ---- */
  --cj-cream:         #FAF3E3;  /* warm paper */
  --cj-cream-2:       #F5EAD0;
  --cj-bone:          #FDFAF3;
  --cj-ink:           #241812;  /* body text */
  --cj-ink-soft:      #5A463C;
  --cj-ink-muted:     #8A7466;
  --cj-line:          #E6D9C2;  /* borders on cream */
  --cj-line-soft:     #EFE3CD;

  /* ---- Color: supporting ---- */
  --cj-moss:          #4A5D3A;
  --cj-moss-deep:     #2E3B22;
  --cj-pine:          #1E2A1A;
  --cj-verify:        #2D8C3C;  /* trust-green (kept subtle) */

  /* ---- Type ---- */
  --cj-serif: "Instrument Serif", "Playfair Display", Georgia, "Times New Roman", serif;
  --cj-sans:  "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --cj-mono:  "JetBrains Mono", ui-monospace, "SF Mono", monospace;

  /* ---- Spacing scale ---- */
  --s-1: 4px;  --s-2: 8px;  --s-3: 12px; --s-4: 16px;
  --s-5: 20px; --s-6: 24px; --s-7: 32px; --s-8: 40px;
  --s-9: 56px; --s-10: 72px; --s-11: 96px; --s-12: 128px;

  /* ---- Radii ---- */
  --r-sm: 4px;
  --r-md: 8px;
  --r-lg: 14px;
  --r-xl: 22px;
  --r-pill: 999px;

  /* ---- Shadows (gentle, paper-like) ---- */
  --sh-1: 0 1px 2px rgba(36, 24, 18, .06);
  --sh-2: 0 2px 8px rgba(36, 24, 18, .08), 0 1px 2px rgba(36, 24, 18, .05);
  --sh-3: 0 8px 24px rgba(36, 24, 18, .12), 0 2px 6px rgba(36, 24, 18, .06);
  --sh-4: 0 18px 40px rgba(36, 24, 18, .18);

  /* ---- Motion ---- */
  --ease: cubic-bezier(.2, .7, .2, 1);
  --t-fast: 120ms var(--ease);
  --t:      200ms var(--ease);
  --t-slow: 360ms var(--ease);
}