/* Design tokens — see DECISIONS.md §1 for palette provenance */
:root{
  /* Brand */
  --brand-primary: #84cc16;
  --brand-primary-dark: #4d7c0f;
  --brand-primary-soft: rgba(132,204,22,.12);
  --brand-accent: #b45309;
  --brand-accent-dark: #92400e;
  --brand-accent-soft: rgba(245,158,11,.14);

  /* Tints (pastel derivatives, not new colors) */
  --tint-1: #ecfccb; /* lime-100 */
  --tint-2: #f7fee7; /* lime-50  */
  --tint-3: #fef3c7; /* amber-100 */
  --tint-4: #fffbeb; /* amber-50  */

  /* Neutral surfaces */
  --bg-base: #ffffff;
  --bg-cream: #fefdf8;
  --bg-soft: #f7f8f5;

  /* Text */
  --text-strong: #1f2a13;
  --text-body: #3f4a35;
  --text-muted: #6b7280;
  --text-on-dark: #f7fee7;
  --text-on-dark-muted: rgba(247,254,231,.78);

  /* Radii */
  --radius-sm: 14px;
  --radius-md: 24px;
  --radius-lg: 40px;
  --radius-xl: 56px;
  --radius-pill: 999px;

  /* Shadows */
  --shadow-sm: 0 4px 14px rgba(31,42,19,.06);
  --shadow-md: 0 12px 32px rgba(31,42,19,.10);
  --shadow-lg: 0 24px 60px rgba(31,42,19,.14);

  /* Motion */
  --ease: cubic-bezier(.22,1,.36,1);
  --dur-fast: .2s;
  --dur-med: .5s;
  --dur-slow: 1.2s;

  /* Type */
  --font-display: 'Comfortaa', system-ui, sans-serif;
  --font-body: 'Nunito Sans', system-ui, sans-serif;

  /* Layout */
  --container-w: 1240px;
  --header-h: 112px;
}

@media (prefers-reduced-motion: reduce){
  :root{ --dur-fast: 0s; --dur-med: 0s; --dur-slow: 0s; }
}