/* Code Box Global design tokens. The rule set lives in DESIGN.md.
   Solid colours only. Radius is always zero: this is a company named after a box. */
:root {
  /* Colour */
  --orange: #ff5a1f;
  --orange-deep: #e24410;
  --ink: #0e0e14;
  --ink-2: #1a1a23;
  --ink-3: #2b2b37;
  --paper: #f4f3ef;
  --paper-2: #e9e8e2;
  --white: #ffffff;
  --line: #e6e5e0;
  --line-field: #d6d5cf; /* form fields stay firmer than decorative rules */
  --line-on-ink: #20202a;
  --mute: #55555f;
  --mute-on-ink: #a3a3b2;

  /* Type */
  --font: 'Schibsted Grotesk', 'Helvetica Neue', Arial, sans-serif;
  --font-code: 'JetBrains Mono', ui-monospace, 'SF Mono', Menlo, monospace;
  --fs-d1: clamp(2.5rem, 5.4vw, 5.5rem);
  --fs-d2: clamp(2.125rem, 4.2vw, 4.25rem);
  --fs-d3: clamp(1.625rem, 2.4vw, 2.375rem);
  --fs-h4: clamp(1.25rem, 1.6vw, 1.5rem);
  --fs-lede: clamp(1.125rem, 1.55vw, 1.5rem);
  --fs-body: 1.0625rem;
  --fs-sm: 0.9375rem;
  --fs-xs: 0.8125rem;

  /* Space */
  --gutter: clamp(20px, 3.4vw, 56px);
  --gap: clamp(16px, 1.7vw, 28px);
  --section: clamp(96px, 13vw, 208px);
  --max: 1760px;
  --header-h: 64px;

  /* Motion */
  --ease: cubic-bezier(0.2, 0.8, 0.16, 1);
  --ease-box: cubic-bezier(0.76, 0, 0.18, 1);
  --t: 0.28s;
}