:root {
  --primary: #000000;
  --accent: #4B5563;
  --bg: #FFFFFF;
  --text: #000000;
  --text-light: #4B5563;
  --border-light: rgba(0,0,0,0.1);
  --glass: rgba(255,255,255,0.95);
  --glass-border: rgba(0,0,0,0.12);
  --icon-bg: rgba(0,0,0,0.05);

  /* Spacing */
  --spacing-xs: 0.25rem;
  --spacing-sm: 0.5rem;
  --spacing-md: 1rem;
  --spacing-lg: 1.5rem;
  --spacing-xl: 2rem;
  --spacing-2xl: 3rem;
  --spacing-4xl: 4rem;

  /* Border radius */
  --radius-sm: 0.375rem;
  --radius-md: 0.5rem;
  --radius-lg: 1rem;
  --radius-xl: 1.5rem;
  --radius-3xl: 1.875rem;
  --radius-full: 9999px;

  /* Font */
  --font-base: 'Poppins', 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Helvetica', 'Arial', sans-serif;
  --font-mono: 'SF Mono', Monaco, 'Cascadia Code', 'Roboto Mono', Consolas, monospace;

  /* Line height */
  --line-height-tight: 1.1;
  --line-height-base: 1.6;
  --line-height-relaxed: 1.75;

  /* Shadow */
  --shadow-sm: 0 8px 16px -4px rgba(0,0,0,0.12);
  --shadow-md: 0 14px 40px -12px rgba(0,0,0,0.22);
  --shadow-lg: 0 20px 90px rgba(0,0,0,0.18);
  --shadow-xl: 0 30px 80px -30px rgba(0,0,0,0.28);
}