/* ============================================================
   WEED BROTHERS — Design Tokens
   Vibe: Chill & Earthy / Editorial / Locker & persönlich
   Palette: Warm Parchment + Terracotta + Deep Forest + Sage
   ============================================================ */

:root {
  /* ── TYPE SCALE (fluid) ── */
  --text-xs:   clamp(0.72rem,  0.68rem + 0.2vw,  0.82rem);
  --text-sm:   clamp(0.88rem,  0.82rem + 0.3vw,  1rem);
  --text-base: clamp(1rem,     0.96rem + 0.2vw,  1.1rem);
  --text-md:   clamp(1.1rem,   1rem    + 0.5vw,  1.35rem);
  --text-lg:   clamp(1.3rem,   1.1rem  + 1vw,    1.9rem);
  --text-xl:   clamp(1.8rem,   1.3rem  + 2.5vw,  3rem);
  --text-2xl:  clamp(2.6rem,   1.6rem  + 5vw,    5.2rem);
  --text-hero: clamp(3.5rem,   2rem    + 7vw,    8rem);

  /* ── 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;
  --sp-32: 8rem;

  /* ── PALETTE (LIGHT — default) ── */
  /* Parchment backgrounds */
  --bg:          #f5f0e8;
  --bg-warm:     #ede6d9;
  --bg-surface:  #faf7f2;
  --bg-offset:   #e8e0d0;
  --bg-invert:   #1c1810;

  /* Text */
  --ink:         #1c1810;
  --ink-2:       #3d3629;
  --ink-muted:   #7a6f60;
  --ink-faint:   #b0a490;
  --ink-on-dark: #f0ead8;

  /* Terracotta accent */
  --accent:      #c4522a;
  --accent-warm: #d9673a;
  --accent-muted:#e8b49a;
  --accent-bg:   #f9ece5;

  /* Sage green */
  --sage:        #6b8f71;
  --sage-light:  #8fb095;
  --sage-bg:     #eaf0eb;

  /* Borders & dividers */
  --border:      #d5cbba;
  --border-dark: #b0a490;
  --border-faint:#ede6d9;

  /* Semantic */
  --nav-bg:      rgba(245, 240, 232, 0.92);
  --card-bg:     #faf7f2;
  --tag-bg:      #ede6d9;

  /* ── RADIUS ── */
  --r-sm:   0.3rem;
  --r-md:   0.6rem;
  --r-lg:   1.2rem;
  --r-xl:   2rem;
  --r-full: 9999px;

  /* ── SHADOWS ── */
  --shadow-sm: 0 1px 4px rgba(28, 24, 16, 0.08);
  --shadow-md: 0 4px 20px rgba(28, 24, 16, 0.10);
  --shadow-lg: 0 12px 48px rgba(28, 24, 16, 0.14);
  --shadow-accent: 0 6px 24px rgba(196, 82, 42, 0.22);

  /* ── TRANSITIONS ── */
  --ease: cubic-bezier(0.16, 1, 0.3, 1);
  --t-fast: 150ms var(--ease);
  --t-base: 240ms var(--ease);
  --t-slow: 400ms var(--ease);

  /* ── LAYOUT ── */
  --max-w: 1120px;
  --max-w-text: 720px;
  --max-w-narrow: 560px;
  --pad-x: clamp(var(--sp-4), 5vw, var(--sp-12));

  /* ── FONTS ── */
  --font-display: 'Fraunces', 'Georgia', serif;
  --font-body:    'Satoshi', 'Inter', sans-serif;
  --font-mono:    'JetBrains Mono', monospace;
}