:root {
  --color-primary: #1d1d1f;
  --color-accent: #0071e3;
  --color-accent-hover: #0077ed;
  --color-teal: #00B4A0;
  --color-bg: #f5f5f7;
  --color-bg-alt: #e8eef5;
  --color-text: #1d1d1f;
  --color-text-muted: #6e6e73;
  --color-white: #ffffff;

  --glass-bg: rgba(255, 255, 255, 0.45);
  --glass-bg-strong: rgba(255, 255, 255, 0.58);
  --glass-menu-bg: rgba(255, 255, 255, 0.9);
  --glass-border: rgba(255, 255, 255, 0.35);
  --glass-shadow: 0 8px 32px rgba(0, 0, 0, 0.08);
  --glass-blur: blur(20px) saturate(180%);
  --menu-transition: 0.45s cubic-bezier(0.32, 0.72, 0, 1);

  --font-system: -apple-system, BlinkMacSystemFont, 'SF Pro Display', 'SF Pro Text', 'Helvetica Neue', 'Inter', sans-serif;

  --radius-sm: 12px;
  --radius-md: 20px;
  --radius-lg: 28px;
  --radius-full: 9999px;

  --transition: 0.35s cubic-bezier(0.25, 0.1, 0.25, 1);
  --liquid-ease: cubic-bezier(0.25, 1, 0.5, 1);
  --liquid-scroll-range: 100px;
  --header-height: 64px;
  --container-max: 1080px;
  --section-padding: 52px 0;
  --mobile-bar-height: 72px;
}

@media (max-width: 768px) {
  :root {
    --header-height: 56px;
    --section-padding: 36px 0;
  }
}