:root {
  --midnight-blue: #081623;
  --deep-lagoon: #10273c;
  --lake-glow: #1b6f8b;
  --fiesta-gold: #f7c66a;
  --sierras-gold: #d9952b;
  --sierras-orange: #c86f35;
  --sierras-olive: #63733d;
  --sierras-sage: #d8d4a4;
  --sierras-sky: #6fa6ad;
  --sunset-coral: #ff8d72;
  --mint-wave: #7fdec5;
  --cloud-mist: #f3f7fa;
  --stone-blue: #b7cad6;
  --night-ink: #02080e;
  --soft-white: #f8fbfd;
  --panel-blue: #0f2130;
  --panel-blue-light: #eef5f8;
  --glass-stroke: rgba(255, 255, 255, 0.16);
  --glass-fill: rgba(10, 21, 34, 0.62);
  --glass-fill-soft: rgba(255, 255, 255, 0.06);
  --shadow-main: 0 22px 70px rgba(0, 0, 0, 0.34);
  --radius-xl: 34px;
  --radius-lg: 26px;
  --radius-md: 18px;
  --radius-sm: 12px;
  --font-display: "Cormorant Garamond", Georgia, serif;
  --font-body: "Manrope", "Segoe UI", sans-serif;
  --page-gradient:
    radial-gradient(circle at top right, rgba(247, 198, 106, 0.18), transparent 28%),
    radial-gradient(circle at left center, rgba(27, 111, 139, 0.20), transparent 26%),
    linear-gradient(180deg, #081623 0%, #09131f 42%, #08111a 100%);
}