@font-face {
  font-family: "JetBrains Mono";
  src: url("/about/assets/fonts/JetBrainsMono-Variable.ttf")
    format("truetype-variations");
  font-style: normal;
  font-weight: 100 800;
  font-display: swap;
}

:root {
  color-scheme: light;

  /* N85 Dev core palette */
  --color-ink: #0d1117;
  --color-cyan: #00d4e0;
  --color-coral: #ff6b4a;
  --color-slate: #64748b;
  --color-page: #f8fafc;
  --color-surface: #ffffff;
  --color-border: #e2e8f0;
  --color-muted: #475569;
  --color-dark-surface: #111827;

  /* Accessible derived colours */
  --color-cyan-strong: #006d75;
  --color-cyan-soft: #cffafe;
  --color-coral-strong: #b8321c;
  --color-coral-soft: #fff0ec;
  --color-ink-soft: #1e293b;
  --color-success: #166534;
  --color-success-soft: #ecfdf3;
  --color-error: #b42318;
  --color-error-soft: #fff1f0;
  --color-surface-translucent: rgb(255 255 255 / 0.96);
  --color-translucent-border: rgb(255 255 255 / 0.25);
  --color-field-border: #94a3b8;
  --color-dark-border: #334155;
  --color-dark-divider: #273244;
  --color-dark-text: #e5e7eb;
  --color-dark-muted: #cbd5e1;
  --color-cyan-hover: #31e2eb;
  --color-console-yellow: #f5bd4f;
  --color-code-string: #fda68f;
  --color-code-status: #a7f3d0;
  --color-axyn: #31546f;
  --color-axyn-surface: #0f2739;
  --color-axyn-text: #e7eef3;
  --color-sable: #7b5158;
  --color-sable-surface: #2a1a1f;
  --color-sable-text: #f2e6e1;
  --color-sable-muted: #d8c5c5;
  --color-cyan-border: #67e8f9;
  --color-panel: #172033;
  --color-legal-note: #eef2f7;

  --font-display:
    "Avenir Next", Avenir, "Helvetica Neue", Helvetica, Arial, sans-serif;
  --font-body:
    -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif;
  --font-mono:
    "JetBrains Mono", "SFMono-Regular", Consolas, "Liberation Mono", monospace;

  /* N85 family foundations */
  --family-space-1: 0.25rem;
  --family-space-2: 0.5rem;
  --family-space-3: 0.75rem;
  --family-space-4: 1rem;
  --family-space-6: 1.5rem;
  --family-space-8: 2rem;
  --family-space-12: 3rem;
  --family-space-16: 4rem;
  --family-space-24: 6rem;
  --family-shell: 74rem;
  --family-gutter: clamp(1rem, 4vw, 2.5rem);
  --family-target: 2.75rem;
  --family-radius-control: 0.5rem;
  --family-radius-surface: 0.75rem;
  --family-focus-width: 0.1875rem;
  --family-duration-press: 120ms;
  --family-duration-standard: 180ms;
  --family-duration-deliberate: 240ms;
  --family-ease-out: cubic-bezier(0.23, 1, 0.32, 1);
  --family-ease-in-out: cubic-bezier(0.65, 0, 0.35, 1);

  --shell: var(--family-shell);
  --gutter: var(--family-gutter);
  --section-space: clamp(4.5rem, 9vw, 8rem);
  --radius-sm: var(--family-radius-control);
  --radius-md: var(--family-radius-surface);
  --radius-lg: 1rem;
  --shadow-card: 0 1rem 2.5rem rgb(13 17 23 / 0.07);
  --shadow-focus: 0 0 0 0.25rem rgb(0 109 117 / 0.18);
  --duration-fast: var(--family-duration-standard);
  --duration-medium: var(--family-duration-deliberate);
  --ease-standard: var(--family-ease-out);
}