:root {
  --accent: #f59e0b;
  --accent-dark: #d97706;
  --accent-rgb: 245, 158, 11;
  --on-accent: #0c0c0d;

  --bg: #0c0c0d;
  --primary: #141416;
  --primary-light: #1c1c1f;
  --surface: #1a1a1d;
  --text: #f4f4f5;
  --text-muted: #a1a1aa;
  --card-bg: rgba(26, 26, 29, 0.85);
  --border: rgba(var(--accent-rgb), 0.12);

  --accent-soft: rgba(var(--accent-rgb), 0.05);
  --accent-bg: rgba(var(--accent-rgb), 0.1);
  --accent-medium: rgba(var(--accent-rgb), 0.15);
  --accent-strong: rgba(var(--accent-rgb), 0.3);
  --accent-glow: rgba(var(--accent-rgb), 0.08);

  --hero-glow-1: rgba(var(--accent-rgb), 0.06);
  --hero-glow-2: rgba(var(--accent-rgb), 0.04);
  --hero-glow-3: rgba(var(--accent-rgb), 0.05);
  --hero-grid-line: rgba(var(--accent-rgb), 0.03);

  --card-shadow: 0 25px 50px rgba(0, 0, 0, 0.4);
  --card-shadow-small: 0 20px 40px rgba(0, 0, 0, 0.3);
  --nav-scrolled-bg: rgba(20, 20, 22, 0.95);
  --nav-scrolled-shadow: 0 4px 30px rgba(0, 0, 0, 0.3);
  --mobile-menu-bg: rgba(20, 20, 22, 0.98);
  --portfolio-overlay: rgba(12, 12, 13, 0.8);
}

[data-theme="light"] {
  --bg: #fafaf9;
  --primary: #f5f5f4;
  --primary-light: #e7e5e4;
  --surface: #ffffff;
  --text: #1c1917;
  --text-muted: #78716c;
  --card-bg: rgba(255, 255, 255, 0.85);
  --border: rgba(var(--accent-rgb), 0.2);
  --on-accent: #050826;

  --accent-soft: rgba(var(--accent-rgb), 0.12);
  --accent-bg: rgba(var(--accent-rgb), 0.15);
  --accent-medium: rgba(var(--accent-rgb), 0.2);
  --accent-strong: rgba(var(--accent-rgb), 0.4);
  --accent-glow: rgba(var(--accent-rgb), 0.06);

  --hero-glow-1: rgba(var(--accent-rgb), 0.04);
  --hero-glow-2: rgba(var(--accent-rgb), 0.03);
  --hero-glow-3: rgba(var(--accent-rgb), 0.04);
  --hero-grid-line: rgba(var(--accent-rgb), 0.06);

  --card-shadow: 0 25px 50px rgba(28, 25, 23, 0.08);
  --card-shadow-small: 0 20px 40px rgba(28, 25, 23, 0.06);
  --nav-scrolled-bg: rgba(255, 255, 255, 0.95);
  --nav-scrolled-shadow: 0 4px 30px rgba(28, 25, 23, 0.08);
  --mobile-menu-bg: rgba(255, 255, 255, 0.98);
  --portfolio-overlay: rgba(12, 12, 13, 0.6);
}