:root {
  --bg:             #0A0A0A;
  --bg-card:        #111111;
  --text-primary:   #FFFFFF;
  --text-secondary: #B3B3B3;
  --border:         rgba(255, 255, 255, 0.08);
  --border-mid:     rgba(255, 255, 255, 0.18);
  --border-light:   rgba(255, 255, 255, 0.35);

  --font-serif: Arial, Helvetica, sans-serif;
  --font-sans:  Arial, Helvetica, sans-serif;

  --nav-h: 72px;

  --ease:     cubic-bezier(0.25, 0.1, 0.25, 1);
  --ease-out: cubic-bezier(0, 0, 0.2, 1);

  --gap:    8px;
  --pad-x:  clamp(24px, 5vw, 80px);
  --pad-y:  clamp(80px, 12vw, 160px);
  --max-w:  1380px;
}

[data-theme="light"] {
  --bg:             #F2F2F0;
  --bg-card:        #FFFFFF;
  --text-primary:   #111111;
  --text-secondary: #555555;
  --border:         rgba(0, 0, 0, 0.08);
  --border-mid:     rgba(0, 0, 0, 0.15);
  --border-light:   rgba(0, 0, 0, 0.30);
}