:root {
  color-scheme: light;
  --bg: #ffffff;
  --surface: #ffffff;
  --text: #111217;
  --text-soft: rgba(17, 18, 23, 0.68);
  --accent: #111217;
  --radius-lg: 32px;
  --radius-md: 24px;
  --radius-sm: 14px;
  --shadow-sm: 12px 12px 24px rgba(15, 18, 26, 0.08),
    -10px -10px 20px rgba(255, 255, 255, 0.9);
  --shadow-md: 18px 18px 36px rgba(15, 18, 26, 0.12),
    -12px -12px 28px rgba(255, 255, 255, 0.92);
  --shadow-lg: 26px 26px 52px rgba(11, 14, 20, 0.12),
    -18px -18px 42px rgba(255, 255, 255, 0.85);
  font-size: 16px;
  /* Z-index system */
  --z-base: 1;
  --z-overlay: 10;
  --z-sticky: 40;
  --z-header: 100;
  --z-modal: 1000;
  --z-snowfall: 10000;
  /* Breakpoints */
  --bp-mobile: 640px;
  --bp-tablet: 768px;
  --bp-desktop: 1024px;
  --bp-wide: 1280px;
}