/* Forward design tokens v2. Dark-first, one accent ("go" chartreuse). Copy into BB Global Styles. */
:root {
  /* color */
  --ink: #0F0E0C;          /* page background */
  --ink-2: #171613;        /* raised surface */
  --ink-3: #211F1B;        /* cards, inputs */
  --line: #2F2C27;         /* hairlines on ink */
  --line-2: #45413A;       /* stronger borders, input outlines */
  --paper: #F2EFE8;        /* primary text */
  --mist: #ABA597;         /* secondary text, 7.6:1 on ink */
  --go: #CCF36B;           /* the one accent: buttons, highlights */
  --go-2: #B5DE4E;         /* accent hover */
  --go-ink: #0F0E0C;       /* text on accent */
  --go-soft: rgba(204, 243, 107, .12);
  --danger: #FF8A7A;

  /* type */
  --font-sans: "Geist", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-serif: "Instrument Serif", ui-serif, Georgia, serif;
  --font-mono: "Geist Mono", ui-monospace, "SFMono-Regular", Menlo, monospace;
  --fs-mega: clamp(3.5rem, 1.2rem + 10.5vw, 11rem);
  --fs-display: clamp(2.75rem, 1.6rem + 5.2vw, 6.25rem);
  --fs-h1: clamp(2.375rem, 1.6rem + 3.4vw, 4.5rem);
  --fs-h2: clamp(2rem, 1.45rem + 2.4vw, 3.5rem);
  --fs-h3: clamp(1.375rem, 1.18rem + .85vw, 1.875rem);
  --fs-h4: clamp(1.125rem, 1.05rem + .35vw, 1.3125rem);
  --fs-lead: clamp(1.125rem, 1.04rem + .4vw, 1.375rem);
  --fs-body: clamp(1rem, .97rem + .14vw, 1.0625rem);
  --fs-small: clamp(.875rem, .86rem + .07vw, .9375rem);
  --fs-label: clamp(.75rem, .73rem + .08vw, .8125rem);
  --lh-tight: 1.02;
  --lh-head: 1.1;
  --lh-body: 1.6;
  --track-tight: -.035em;
  --track-head: -.025em;
  --track-label: .08em;

  /* space */
  --s-1: .25rem; --s-2: .5rem; --s-3: .75rem; --s-4: 1rem; --s-5: 1.5rem; --s-6: 2rem; --s-7: 3rem; --s-8: 4rem;
  --gutter: clamp(1rem, .6rem + 2vw, 2.5rem);
  --section: clamp(4.5rem, 3rem + 7vw, 9.5rem);
  --container: 82rem;
  --measure: 38rem;

  /* shape + depth */
  --r-sm: .5rem; --r-md: .875rem; --r-lg: 1.375rem; --r-pill: 999px;
  --shadow-lift: 0 1px 0 rgba(255,255,255,.04) inset, 0 24px 60px -24px rgba(0,0,0,.7);

  /* motion (Emil: ease-out for entering, short UI timings) */
  --ease-out: cubic-bezier(.22, 1, .36, 1);
  --ease-io: cubic-bezier(.65, 0, .35, 1);
  --t-fast: 160ms; --t-ui: 220ms; --t-reveal: 700ms;
}
