:root{
  /* Brand orange */
  --orange-50:#fff6f1;
  --orange-100:#fff0e9;
  --orange-200:#ffd9c4;
  --orange-400:#ff7a3d;
  --orange-500:#fc5001;
  --orange-600:#e04700;
  --orange-700:#b83a00;
  /* Forest (brand dark) */
  --forest-950:#0b1c12;
  --forest-900:#0c1e14;
  --forest-800:#102117;
  --forest-700:#1f3721;
  --forest-500:#4f6b45;
  /* Warm neutrals */
  --cream-50:#fdfaf8;
  --cream-100:#f9f4f1;
  --cream-200:#f9f1ec;
  --cream-300:#efe6df;
  --sand-400:#d9c9b8;
  --gray-50:#f7f6f4;
  --gray-200:#eeede9;
  --gray-300:#dddbd6;
  --gray-500:#7d7c7c;
  --gray-700:#3d3b39;
  --ink:#111111;
  --white:#ffffff;
  /* Semantic */
  --success:#2e7d4f;
  --warning:#e8a317;
  --danger:#d93a1c;

  /* Aliases */
  --brand:var(--orange-500);
  --brand-hover:var(--orange-600);
  --brand-press:var(--orange-700);
  --brand-tint:var(--orange-100);
  --surface-page:var(--white);
  --surface-card:var(--white);
  --surface-muted:var(--cream-100);
  --surface-strip:var(--cream-200);
  --surface-promo:var(--orange-100);
  --surface-inverse:var(--forest-900);
  --surface-inverse-chip:var(--forest-700);
  --surface-media:var(--gray-50);
  --text-strong:var(--ink);
  --text-body:var(--gray-700);
  --text-muted:var(--gray-500);
  --text-inverse:var(--white);
  --text-accent:var(--orange-500);
  --text-price:var(--orange-600);
  --border-subtle:var(--gray-200);
  --border-strong:var(--ink);
  --track:var(--gray-200);
}