:root {
  --brand: #176b4b;
  --brand-dark: #0c4d34;
  --brand-soft: #e8f4ee;
  --accent: #d8ff55;
  --ink: #17201c;
  --muted: #67736d;
  --line: #dfe6e2;
  --surface: #fff;
  --canvas: #f5f7f5;
  --danger: #b42318;
  --warning: #9a6700;
  --radius-sm: 10px;
  --radius: 18px;
  --radius-lg: 28px;
  --shadow: 0 16px 45px rgba(21, 46, 34, .12);
  --space-1: .25rem;
  --space-2: .5rem;
  --space-3: .75rem;
  --space-4: 1rem;
  --space-5: 1.5rem;
  --space-6: 2rem;
  --max: 1440px;
  --header-height: 70px;
  --z-base: 0;
  --z-sticky-content: 10;
  --z-sticky-header: 20;
  --z-dropdown: 30;
  --z-cart: 40;
  --z-overlay: 50;
  --z-modal: 60;
  --z-toast: 70;
}