/* ============================================================
   MANTA INVESTMENTS — DESIGN TOKENS
   The five-step water column, gold-as-light, type + motion.
   Authoritative. Do not deviate.
   ============================================================ */

:root {
  /* --- The water column: page ground → lightest layer --- */
  --abyss:    #040D18; /* page ground */
  --trench:   #0A1B2E; /* card on abyss */
  --midnight: #102639; /* raised card */
  --current:  #143F5E; /* deep accent surface */
  --ocean:    #1B5786; /* lightest layer */

  /* --- Text (cool, desaturated) --- */
  --foam:  #EAF1F7; /* near-white, primary */
  --mist:  #A3B8CC; /* secondary */
  --slate: #7A92A8; /* tertiary — AA on all five blues, incl. midnight */

  /* --- Gold: light, not paint --- */
  --gold:      #C9A45C;
  --gold-light:#E4CB92;
  --gold-deep: #9A7A3E;

  /* --- Hairlines & surfaces --- */
  --hairline:      rgba(163, 184, 204, 0.14);
  --hairline-soft: rgba(163, 184, 204, 0.08);
  --gold-hairline: rgba(201, 164, 92, 0.42);
  --shadow: 0 24px 60px -30px rgba(0, 0, 0, 0.65);

  --radius-sm: 12px;
  --radius:    16px;
  --radius-lg: 20px;

  /* --- Type --- */
  --font-display: "Cormorant Garamond", Georgia, serif;
  --font-sans: "Hanken Grotesk", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;

  --tracking-eyebrow: 0.3em;
  --tracking-wordmark: 0.3em;
  --tracking-sub: 0.42em;

  /* --- Motion: glide, never dart --- */
  --ease: cubic-bezier(0.45, 0, 0.15, 1);
  --dur-hover: 300ms;
  --dur-reveal: 600ms;

  /* --- Layout --- */
  --measure: 68ch;
  --gutter: clamp(1.25rem, 5vw, 3rem);
  --section-y: clamp(2rem, 3vw, 2.25rem); /* uniform half-gap: sections sit ~64-72px apart */
  --max: 1200px;
}