/* ==========================================================================
   CERO. — Design tokens
   Colour distribution: ~70% black / white / off-white · ~20% green · ~10% gold
   ========================================================================== */
:root {
  /* Brand */
  --green: #0F3D2E;
  --green-deep: #0B2F23;
  --gold: #C9A84C;
  --black: #080808;
  --off-white: #F4F2ED;
  --white: #FFFFFF;

  /* Neutrals derived from brand */
  --ink: var(--black);
  --ink-soft: #5E5C58;
  --line-dark: rgba(8, 8, 8, .14);
  --line-light: rgba(244, 242, 237, .16);
  --muted-light: rgba(244, 242, 237, .7);

  /* Type */
  --font-display: "Inter Tight", "Helvetica Neue", Helvetica, Arial, sans-serif;
  --font-body: "Inter", "Helvetica Neue", Helvetica, Arial, sans-serif;
  --font-mono: "JetBrains Mono", ui-monospace, "SFMono-Regular", Menlo, Consolas, monospace;
  --font-serif: "Instrument Serif", "Times New Roman", Georgia, serif; /* editorial voice for short phrases */

  --fs-mega: clamp(5.5rem, 24vw, 30rem);
  --fs-display: clamp(2.9rem, 8.4vw, 9.5rem);
  --fs-h3: clamp(1.4rem, 2.2vw, 2.1rem);
  --fs-lead: clamp(1.35rem, 2.3vw, 2.2rem);
  --fs-body: clamp(1rem, .95rem + .2vw, 1.125rem);
  --fs-label: .78rem;

  --track-display: -.055em;
  --track-label: .14em;

  /* Space */
  --pad: clamp(16px, 4vw, 64px);
  --gap: clamp(12px, 1.6vw, 28px);
  --section-y: clamp(96px, 16vw, 240px);
  --header-h: 72px;

  /* Motion — calm, slow, never bouncy */
  --ease: cubic-bezier(.19, 1, .22, 1);
  --ease-soft: cubic-bezier(.4, 0, .2, 1);
  --t-slow: 1.4s;
  --t-med: .9s;
  --t-fast: .35s;
}