:root {
  /* Brand colors */
  --g2u-forest: #0B5D1E;
  --g2u-leaf: #1A7F30;
  --g2u-lime: #8CC63F;
  --g2u-gold: #F2B705;
  --g2u-cream: #FBF8EE;
  --g2u-white: #FFFFFF;
  --g2u-ink: #1B2A1F;
  --g2u-stone: #5E6B61;
  --g2u-line: #E4E8E1;
  --g2u-red: #C8372D;

  /* Type */
  --g2u-font-head: 'Poppins', sans-serif;
  --g2u-font-body: 'Noto Sans', sans-serif;

  /* Radii */
  --g2u-r-sm: 8px;
  --g2u-r-md: 12px;
  --g2u-r-lg: 16px;
  --g2u-r-pill: 999px;

  /* Spacing (4px grid) */
  --g2u-s-1: 4px;
  --g2u-s-2: 8px;
  --g2u-s-3: 12px;
  --g2u-s-4: 16px;
  --g2u-s-6: 24px;

  --g2u-gutter: 16px;
  --g2u-tap: 44px;

  /* Layout */
  --g2u-header-h: 56px;
  --g2u-nav-h: 60px;
  --g2u-cartbar-h: 56px;
  --g2u-max-w: 1180px;
}