:root {
  --color-bg: #060a12;
  --color-bg-elevated: #0d1420;
  --color-surface: #111b2e;
  --color-surface-hover: #162238;
  --color-border: rgba(255, 255, 255, 0.06);
  --color-border-accent: rgba(196, 163, 90, 0.35);

  --color-text: #eef2f7;
  --color-text-muted: #8b9cb3;
  --color-text-subtle: #5a6d85;

  --color-accent: #c4a35a;
  --color-accent-hover: #d4b76e;
  --color-accent-muted: rgba(196, 163, 90, 0.15);
  --color-accent-glow: rgba(196, 163, 90, 0.25);

  --color-secondary: #4a7cff;
  --color-secondary-glow: rgba(74, 124, 255, 0.2);

  --font-family: "Plus Jakarta Sans", system-ui, -apple-system, sans-serif;

  --container-max: 1320px;
  --scene-padding: 120vh;

  --scroll-ease: cubic-bezier(0.16, 1, 0.3, 1);
  --scene-duration: 1.2s;
  --container-padding: 24px;
  --section-padding: 96px;
  --section-padding-mobile: 64px;

  --radius-sm: 8px;
  --radius-md: 12px;
  --radius-lg: 16px;
  --radius-xl: 24px;

  --nav-height: 97px;
  --transition: 0.25s ease;

  --shadow-card: 0 4px 24px rgba(0, 0, 0, 0.3);
  --shadow-glow: 0 0 60px var(--color-secondary-glow);
}