:root {
  --accent: #14B8A6;
  --accent-hover: #0D9488;
  --accent-soft: rgba(20, 184, 166, 0.12);
  --accent-blue: #2563EB;

  --bg: #FAFAFA;
  --bg-elevated: #FFFFFF;
  --bg-muted: #F4F4F5;
  --text: #27272A;
  --text-muted: #71717A;
  --text-light: #A1A1AA;
  --border: #E4E4E7;
  --shadow: 0 1px 3px rgba(0, 0, 0, 0.06), 0 4px 16px rgba(0, 0, 0, 0.04);
  --shadow-lg: 0 4px 24px rgba(0, 0, 0, 0.08);
  --gradient: linear-gradient(135deg, rgba(20, 184, 166, 0.08) 0%, rgba(37, 99, 235, 0.06) 100%);
  --navbar-bg: rgba(250, 250, 250, 0.85);
  --radius: 12px;
  --radius-lg: 20px;
  --font: 'Inter', system-ui, -apple-system, sans-serif;
  --transition: 0.25s ease;
  --container: 1120px;
}

[data-theme="dark"] {
  --bg: #18181B;
  --bg-elevated: #27272A;
  --bg-muted: #3F3F46;
  --text: #FAFAFA;
  --text-muted: #A1A1AA;
  --text-light: #71717A;
  --border: #3F3F46;
  --shadow: 0 1px 3px rgba(0, 0, 0, 0.2), 0 4px 16px rgba(0, 0, 0, 0.15);
  --shadow-lg: 0 4px 24px rgba(0, 0, 0, 0.3);
  --gradient: linear-gradient(135deg, rgba(20, 184, 166, 0.1) 0%, rgba(37, 99, 235, 0.08) 100%);
  --navbar-bg: rgba(24, 24, 27, 0.9);
  --accent-soft: rgba(20, 184, 166, 0.18);
}