/* Generated from tokens.json by build-tokens-css.py. Do not edit. */
:root {
  --space-2: 2px;
  --space-4: 4px;
  --space-8: 8px;
  --space-12: 12px;
  --space-16: 16px;
  --space-20: 20px;
  --space-24: 24px;
  --space-32: 32px;
  --space-40: 40px;
  --space-48: 48px;
  --space-64: 64px;
  --space-80: 80px;
  --radius-none: 0px;
  --radius-sm: 4px;
  --radius-md: 8px;
  --radius-lg: 16px;
  --radius-xl: 24px;
  --radius-full: 9999px;
  --shadow-subtle: 0 1px 3px rgba(0,0,0,0.10);
  --shadow-default: 0 4px 12px rgba(0,0,0,0.12);
  --shadow-elevated: 0 8px 24px rgba(0,0,0,0.16);
  --web-container-max: 1200px;
  --web-gutter: 24px;
  --web-section-padding-desktop: 96px;
  --web-section-padding-mobile: 64px;
  --web-section-padding: var(--web-section-padding-desktop);
  --web-grid-gap: 40px;
}

@media (max-width: 760px) {
  :root { --web-section-padding: var(--web-section-padding-mobile); }
}