:root {
  /* Colors */
  --white: #ffffff;
  --off: #f6f6f8;
  --ink: #16161a;
  --ink2: #3a3a42;
  --muted: #72727a;
  --line: #e4e4ec;
  --accent: #2563eb;
  --accent-light: #eff4ff;
  
  /* Spacing */
  --space-2: 2px;
  --space-4: 4px;
  --space-6: 6px;
  --space-8: 8px;
  --space-10: 10px;
  --space-12: 12px;
  --space-14: 14px;
  --space-18: 18px;
  --space-20: 20px;
  --space-24: 24px;
  --space-28: 28px;
  --space-40: 40px;
  --space-44: 44px;
  --space-48: 48px;
  --space-64: 64px;
  --space-80: 80px;
  --space-96: 96px;
  
  /* Typography */
  --font-main: 'Plus Jakarta Sans', sans-serif;
  --font-size-h1: clamp(38px, 4.8vw, 62px);
  --font-size-h2: clamp(26px, 3vw, 38px);
  --font-size-base: 16px;
  --font-size-sm: 14px;
  --font-size-xs: 12px;
  --font-size-tiny: 11px;
  --font-size-nano: 9px;
  
  /* Layout */
  --max-width: 1100px;
  --nav-height: 64px;
  --radius: 12px;
  --radius-sm: 8px;
  --radius-md: 9px;
  --radius-lg: 16px;
  --radius-xl: 20px;
  --radius-2xl: 24px;
  
  /* Effects */
  --shadow-sm: 0 1px 4px rgba(0,0,0,0.05);
  --shadow-md: 0 4px 14px rgba(0,0,0,0.1);
  --shadow-lg: 0 8px 40px rgba(37,99,235,0.08);
  --blur: blur(16px);
  --blur-sm: blur(12px);
  
  /* Transitions */
  --transition-fast: 0.15s;
  --transition-base: 0.18s;
}