/* ============ CityMint Digital — Design Tokens ============ */
:root {
  /* Palette — dark luxury + mint */
  --bg: #050b16;
  --bg-raised: #0a1424;
  --bg-card: rgba(255, 255, 255, 0.03);
  --line: rgba(120, 170, 255, 0.12);
  --line-strong: rgba(120, 170, 255, 0.28);

  --text: #eaf1f9;
  --text-dim: #9dabc4;
  --text-faint: #66748c;

  --mint: #4d8dff;
  --mint-bright: #7fb5ff;
  --mint-deep: #1d4ed8;
  --gold: #f2c94c;

  --grad-mint: linear-gradient(120deg, #4d8dff 0%, #7fb5ff 50%, #22d3ee 100%);
  --glow-mint: 0 0 40px rgba(77, 141, 255, 0.35);

  /* Type */
  --font-display: "Space Grotesk", system-ui, sans-serif;
  --font-body: "Inter", system-ui, sans-serif;

  --text-hero: clamp(2.8rem, 1rem + 8vw, 7.5rem);
  --text-h2: clamp(1.9rem, 1rem + 3.2vw, 3.6rem);
  --text-h3: clamp(1.15rem, 1rem + 0.6vw, 1.5rem);
  --text-base: clamp(0.95rem, 0.9rem + 0.25vw, 1.1rem);
  --text-sm: 0.85rem;

  /* Rhythm */
  --space-section: clamp(5rem, 4rem + 6vw, 11rem);
  --space-gutter: clamp(1.25rem, 4vw, 4rem);
  --radius: 20px;
  --radius-lg: 32px;

  /* Motion */
  --ease-out-expo: cubic-bezier(0.16, 1, 0.3, 1);
  --duration-fast: 180ms;
  --duration-normal: 400ms;
  --duration-slow: 900ms;

  --nav-h: 76px;
}