:root {
  /* Colors */
  --color-primary: #f47c20; /* Original Orange - Brand Color */
  --color-primary-dark: #d66b1a;
  --color-link: #000000; /* Black for high contrast text links */
  --color-secondary: rgba(244, 240, 236, 0.9); /* Off-white semi-transparent */
  --color-text: #1a1a1a;
  --color-text-light: #444;
  --color-border: #ddd;
  --color-white: #ffffff;
  --color-warning: #d32f2f;

  /* Typography */
  --font-family: Arial, sans-serif;
  --font-size-base: 16px; /* Prevents iOS zoom */
  --font-size-sm: 14px;
  --font-size-lg: 20px;
  --font-size-xl: 24px;
  --font-size-xxl: 28px;
  --line-height: 1.5;

  /* Spacing */
  --space-xs: 4px;
  --space-sm: 8px;
  --space-md: 16px;
  --space-lg: 24px;
  --space-xl: 32px;
  --space-xxl: 48px;

  /* Breakpoints */
  --bp-mobile: 576px;
  --bp-tablet: 768px;
  --bp-desktop: 1024px;

  /* Touch Targets */
  --touch-target-size: 44px;
}