/* ============================================================
   VERDANTIS — visual system
   Cinematic solarpunk. Earth, 2189.
   ============================================================ */

:root {
  /* Atmosphere */
  --void: #04080c;
  --abyss: #071016;
  --deep: #0b1a22;
  --basin: #102430;
  --horizon: #1c3d48;
  --mist: #2a5360;
  --sky-cool: #163848;
  --sky-warm: #3d4a3a;
  --sky-gold: #c4a06a;

  /* Material */
  --stone: #8b9690;
  --metal: #5c6a68;
  --glass: #1a2e36;
  --timber: #6b5340;
  --composite: #3a4542;

  /* Vegetation */
  --canopy: #1a3a2e;
  --canopy-deep: #0e241c;
  --leaf: #2f5c45;
  --moss: #3d6b52;
  --chlorophyll: #4a7d62;

  /* Illumination */
  --amber: #d4a45a;
  --amber-soft: #c4924a;
  --amber-glow: rgba(212, 164, 90, 0.55);
  --interior: #e8c48a;
  --emerald: #5a9a78;
  --emerald-dim: #3d7a5c;
  --emerald-glow: rgba(90, 154, 120, 0.4);
  --tech-line: rgba(168, 210, 188, 0.35);

  /* Type */
  --ink: #e6eee8;
  --ink-muted: #a8b8b2;
  --ink-faint: #6e827c;
  --ink-inverse: #0b1614;

  /* Surfaces */
  --chrome: rgba(8, 18, 22, 0.62);
  --chrome-strong: rgba(6, 14, 18, 0.82);
  --hairline: rgba(198, 220, 210, 0.16);
  --hairline-strong: rgba(212, 196, 150, 0.28);
  --focus: #d4c496;

  /* Typefaces */
  --font-display: "Cormorant Garamond", "Palatino Linotype", Palatino, "Times New Roman", serif;
  --font-ui: "Outfit", "Segoe UI", system-ui, sans-serif;
  --font-mono: "IBM Plex Mono", "Consolas", "Courier New", monospace;

  /* Rhythm */
  --header-h: 4.5rem;
  --gutter: clamp(1.25rem, 4vw, 4.5rem);
  --measure: 38rem;
  --ease-out: cubic-bezier(0.22, 1, 0.36, 1);
  --ease-in-out: cubic-bezier(0.65, 0, 0.35, 1);
  --duration: 0.45s;

  /* Intro */
  --intro-ms: 3400;
}

@media (max-width: 720px) {
  :root {
    --header-h: 3.75rem;
  }
}