/*
 * B-v2 Industrial Premium — design tokens + base reset.
 *
 * Source of truth for the rebrand color/type/spacing system. Ported from
 * Designs/dev-handoff/assets/styles.css (the designer's deliverable) into
 * vanilla CSS per the build-pipeline decision (no React/Babel in prod).
 *
 * Used by every redesign page: tokens are CSS custom properties on :root,
 * shared chrome classes live in chrome.css, per-page styles in pages/.
 *
 * Always reference tokens (var(--ink-0)) — never hardcode hex.
 */

@import url('https://fonts.googleapis.com/css2?family=Inter+Tight:wght@400;500;600;700&family=Inter:wght@400;500;600&family=JetBrains+Mono:wght@400;500&display=swap');

:root {
  /* Charcoal foundation */
  --ink-0: #0a0c10;
  --ink-1: #14171d;
  --ink-2: #1c2028;
  --ink-3: #2a2f3a;
  --ink-4: #3a4150;

  /* Neutrals */
  --gray-1: #6b7280;
  --gray-2: #9ca3af;
  --gray-3: #cbd0d8;
  --gray-4: #e5e7eb;
  --gray-5: #f1f2f4;

  /* Paper */
  --paper: #faf9f6;
  --paper-2: #f4f2ec;
  --paper-line: #e8e5dc;

  /* Warm accent — industrial amber */
  --amber: oklch(0.72 0.14 65);
  --amber-2: oklch(0.62 0.15 55);
  --amber-soft: oklch(0.94 0.04 75);

  /* Semantic */
  --good: oklch(0.62 0.13 155);
  --bad: oklch(0.58 0.18 25);

  /* Type */
  --display: 'Inter Tight', system-ui, sans-serif;
  --body: 'Inter', system-ui, sans-serif;
  --mono: 'JetBrains Mono', ui-monospace, monospace;

  /* Layout */
  --max-w: 1320px;
  --max-w-narrow: 1100px;
  --max-w-cta: 900px;
}

*,
*::before,
*::after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

html {
  scroll-behavior: smooth;
}

html,
body {
  background: var(--ink-0);
  color: var(--paper);
  min-height: 100vh;
}

body {
  font-family: var(--body);
  font-feature-settings: 'ss01', 'cv11';
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

button {
  font-family: inherit;
  cursor: pointer;
  border: none;
  background: none;
  color: inherit;
}

a {
  color: inherit;
  text-decoration: none;
}

ul,
ol {
  list-style: none;
}

img {
  display: block;
  max-width: 100%;
}

/* Generic utility classes used across the redesign */
.b-mono {
  font-family: var(--mono);
  font-size: 11px;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

.b-eyebrow {
  font-family: var(--mono);
  font-size: 11px;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: var(--gray-1);
}

.b-eyebrow-amber {
  font-family: var(--mono);
  font-size: 11px;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: var(--amber);
}

.b-tabular {
  font-variant-numeric: tabular-nums;
}

.b-sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}