/* INTERSRC design tokens — single source of truth for shared values.
 * Loaded before site.css on the public website and in admin.
 * Keep page/component selectors and responsive overrides in site.css.
 */
:root {
  color-scheme: dark;
  --black: #050708;
  --black-deep: #020405;
  --surface: #0a0d0f;
  --surface-raised: #101417;
  --text: #f5f5f1;
  --muted: #b5b7b6;
  --line: rgba(255, 255, 255, 0.14);
  --line-strong: rgba(255, 255, 255, 0.28);
  --signal: #f3eee8;
  --shell: 1360px;
  --gutter: clamp(22px, 5vw, 76px);
  --section-space: clamp(52px, 6vw, 84px);
  --section-space-compact: clamp(40px, 4.5vw, 64px);
  font-family: Inter, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-synthesis: none;
  text-rendering: optimizeLegibility;

  /* Accessible typography scale (previously defined near the end of site.css). */
  --type-body: 16px;
  --type-supporting: 14px;
  --type-metadata: 12px;
  --type-control: 14px;
  --type-eyebrow: 12px;
  --leading-body: 1.65;
  --tracking-eyebrow: .22em;

  /* Reusable visual primitives. These match the existing UI values. */
  --control-radius: 3px;
  --control-min-height: 44px;
  --focus-color: #f2ad87;
  --accent-warm: #c16a51;
  --danger-text: #ffb6a6;
  --danger-border: rgba(244, 133, 112, .66);
}