/**
 * @fileoverview Phase3 design tokens, taken from the live phase3energy.io (01/11/2026) and unified.
 *
 * @remarks
 * The live site defines its tokens twice and they disagree: the contact page uses a lighter ground
 * (#F8F9F9) and a darker accent under the same name `--l1` (#5345C8). Here there is one set, the home
 * page's, which is the brand as most people see it. Inventory rows A4, A5 and A6
 * (docs/inventory.md). A new token is proposed to Eneko, never added silently.
 */
:root {
  --ground: #E6E8E9;
  --ink: #202320;
  --body: #34383A;
  --muted: #5C6164;
  --rule: #C3C7C9;
  --carbon: #202320;
  --chalk: #F0EFE8;
  --carbon-raised: #2A2D2A;
  --carbon-body: #C6C6C0;
  --carbon-muted: #999994;
  --carbon-rule: #3A3D3A;
  --l1: #6455E0;
  --l1-ink: #5345C8;
  --l1-pale: #B6ACF2;

  --display: 'Instrument Sans', 'Helvetica Neue', Arial, sans-serif;
  --text: 'IBM Plex Sans', -apple-system, 'Helvetica Neue', sans-serif;
  --mono: 'IBM Plex Mono', ui-monospace, Menlo, monospace;
  --wordmark: 'Space Grotesk', 'Helvetica Neue', Arial, sans-serif;

  --gutter: clamp(16px, 5vw, 80px);
}