/* ============================================================
   Krishna Sahoo Portfolio — Unified Design System Variables
   ============================================================ */

:root {
  /* ── Signature Accent (Premium Emerald — "I code what I can't draw") ── */
  --accent-primary: #0ea271;
  --accent-primary-rgb: 14, 162, 113;
  --accent-hover: #0b8860;
  --accent-glow: 0 0 24px rgba(14, 162, 113, 0.28);
  --accent-subtle: rgba(14, 162, 113, 0.08);
  --accent-border: rgba(14, 162, 113, 0.3);

  /* ── Light Background System (Current Theme) ──────────── */
  --bg-light: lab(99.38% 0.15 1.65);
  --bg-dark-start: #3a3a3a;
  --bg-dark-end:   #1a1a1a;
  --bg-footer:     #111111;

  /* ── Text Scale ────────────────────────────────────────── */
  --text-base:  #737373;
  --text-dark:  #2c2c2c;
  --text-muted: #7a7a7a;
  --text-light: rgba(255, 255, 255, 0.88);

  /* ── Typography ─────────────────────────────────────────── */
  --font-sans:    'Lato', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  --font-display: 'Outfit', -apple-system, BlinkMacSystemFont, sans-serif;
  --font-mono:    'Consolas', 'Fira Code', 'Courier New', monospace;

  /* ── Glassmorphism Tokens ───────────────────────────────── */
  --glass-bg-light:   rgba(255, 255, 255, 0.55);
  --glass-border:     rgba(255, 255, 255, 0.25);
  --glass-shadow:     0 25px 60px rgba(0, 0, 0, 0.08);
  --glass-backdrop:   blur(16px) saturate(135%);

  /* ── Layout ─────────────────────────────────────────────── */
  --max-width:          1280px;
  --header-height:      80px;
  --nav-padding-x:      clamp(0.75rem, 1.8vw, 2.2rem);
  --section-padding-y:  7rem;
  --border-radius-card: 20px;
  --border-radius-pill: 50px;

  /* ── Transitions ─────────────────────────────────────────── */
  --transition-spring: all 0.4s cubic-bezier(0.16, 1, 0.3, 1);
  --transition-smooth: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
  --transition-fast:   all 0.2s ease;
}