/* Carbon copy · the new look's tokens: colours, fonts, sizes. Loaded by every frame (office pages, phone pages, log in)
 * after tokens.css; carbon.css carries the office frame's rules. */
:root {
  --color-paper: oklch(99.5% 0.002 265);
  --color-paper-2: oklch(97.2% 0.004 265);
  --color-paper-3: oklch(94.6% 0.007 265);
  --color-ink: oklch(21.5% 0.035 266);
  --color-ink-2: oklch(45% 0.028 264);
  --color-rule: oklch(87.5% 0.011 264);
  --color-rule-soft: oklch(93.6% 0.006 264);
  --color-field: oklch(70% 0.02 264);
  --color-accent: oklch(43% 0.155 266);         /* ballpoint blue */
  --color-accent-hover: oklch(36% 0.135 266);
  --color-accent-ink: oklch(99% 0.004 265);
  --color-accent-soft: oklch(95.2% 0.022 266);
  --color-redpen: oklch(50.5% 0.19 27);           /* late, overdue: the checker's red pen */
  --color-attention: oklch(80% 0.13 95);          /* canary copy: someone must decide */
  --color-attention-bg: oklch(96.6% 0.055 100);
  --color-attention-fg: oklch(40% 0.085 88);
  --color-attention-strong: oklch(47% 0.1 85);
  --color-error: var(--color-redpen);
  --color-error-bg: oklch(95.3% 0.025 27);
  --color-error-hover: oklch(43% 0.17 27);
  --copy-canary-bg: var(--color-attention-bg); --copy-canary-fg: var(--color-attention-fg);
  --copy-pink-bg: oklch(95.6% 0.03 355); --copy-pink-fg: oklch(42% 0.1 355);
  --copy-green-bg: oklch(95.6% 0.035 160); --copy-green-fg: oklch(38% 0.08 160);
  --color-shell: oklch(21.5% 0.035 266);          /* the carbon band: top bar */
  --color-shell-2: oklch(28% 0.04 266);
  --color-shell-ink: oklch(97% 0.008 266);
  --color-shell-ink-2: oklch(85% 0.02 266);
  --color-focus: var(--color-accent);

  --font-body: "Archivo", "Segoe UI", system-ui, sans-serif;
  --font-display: var(--font-body);
  --font-outlier: "Archivo Narrow", "Archivo", "Segoe UI", system-ui, sans-serif;
  --text-sm: 0.8125rem; --text-base: 0.9375rem; --text-md: 1.0625rem; --text-lg: 1.25rem; --text-xl: 1.5rem;
  --radius-input: 4px; --radius-card: 6px;
  --color-scrim: oklch(21.5% 0.035 266 / 0.3);  /* behind a dialog or the side panel */
  --shadow-menu: 0 10px 28px oklch(21.5% 0.035 266 / 0.14), 0 2px 6px oklch(21.5% 0.035 266 / 0.08);
}