:root {
  /* ===== DARK THEME BASE ===== */

  --bg-primary: #0b0b0c;
  --bg-secondary: #121214;
  --bg-tertiary: #1b1b1e;
  --bg-card: rgba(27, 27, 30, 0.85);
  --bg-glass: rgba(255, 255, 255, 0.04);
  --bg-navbar: rgba(11, 11, 12, 0.95);

 
  --accent-primary: #FE462E;
  --accent-secondary: #ff6a52;     
  --accent-tertiary: #ff9a89;       
  --accent-dark: #cc2f1a;           

  --accent-gradient: linear-gradient(
    135deg,
    #FE462E 0%,
    #ff6a52 50%,
    #ff9a89 100%
  );

  /* Gradients */
  --gradient-bg: linear-gradient(135deg, #0b0b0c 0%, #121214 100%);
  --gradient-card: linear-gradient(145deg, #121214 0%, #1b1b1e 100%);
  --gradient-accent: linear-gradient(135deg, #FE462E 0%, #ff6a52 100%);

  /* Text */
  --text-primary: #f8fafc;
  --text-secondary: #cbd5e1;
  --text-muted: #64748b;
  --text-accent: #FE462E;

  /* Borders & Shadows */
  --border-color: rgba(248, 250, 252, 0.08);
  --shadow-light: rgba(0, 0, 0, 0.25);
  --shadow-medium: rgba(0, 0, 0, 0.35);
  --shadow-heavy: rgba(0, 0, 0, 0.6);
  --shadow-accent: rgba(254, 70, 46, 0.35);

  --success-color: #10b981;
  --error-color: #ef4444;
  --warning-color: #f59e0b;
}

[data-theme="light"] {
  --bg-primary: #ffffff;
  --bg-secondary: #f8fafc;
  --bg-tertiary: #f1f5f9;
  --bg-card: rgba(255, 255, 255, 0.95);
  --bg-glass: rgba(0, 0, 0, 0.03);
  --bg-navbar: rgba(255, 255, 255, 0.95);

  --accent-primary: #FE462E;
  --accent-secondary: #ff6a52;
  --accent-tertiary: #ff9a89;
  --accent-dark: #cc2f1a;

  --gradient-bg: linear-gradient(135deg, #ffffff 0%, #f8fafc 100%);
  --gradient-card: linear-gradient(145deg, #ffffff 0%, #f8fafc 100%);
  --gradient-accent: linear-gradient(135deg, #FE462E 0%, #ff6a52 100%);

  --text-primary: #0f172a;
  --text-secondary: #334155;
  --text-muted: #64748b;
  --text-accent: #FE462E;

  --border-color: rgba(15, 23, 42, 0.08);
  --shadow-light: rgba(15, 23, 42, 0.05);
  --shadow-medium: rgba(15, 23, 42, 0.1);
  --shadow-heavy: rgba(15, 23, 42, 0.25);
  --shadow-accent: rgba(254, 70, 46, 0.25);
}


* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

html {
  font-size: 16px;
  scroll-behavior: smooth;
}

body {
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
  background: var(--bg-primary);
  color: var(--text-primary);
  line-height: 1.6;
  overflow-x: hidden;
  transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  position: relative;
}