@font-face {
  font-family: "Bodoni Moda";
  src: url("../fonts/BodoniModa-Variable.ttf") format("truetype");
  font-style: normal;
  font-weight: 400 900;
  font-display: swap;
}

@font-face {
  font-family: "Manrope";
  src: url("../fonts/Manrope-Variable.ttf") format("truetype");
  font-style: normal;
  font-weight: 200 800;
  font-display: swap;
}

:root {
  --cb-obsidian: #0b0c10;
  --cb-ivory: #f8f2e8;
  --cb-champagne: #d6b56a;
  --cb-jade: #0b5c55;
  --cb-rose: #e94f86;
  --cb-chrome: #d9dce1;
  --cb-smoke: #5f6467;
  --cb-white: #ffffff;
  --cb-error: #b42318;
  --cb-success: #027a48;
  --cb-focus: #ffd166;
  --cb-display: "Bodoni Moda", Didot, "Times New Roman", serif;
  --cb-ui: Manrope, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --cb-shell: min(1180px, calc(100% - 40px));
  --cb-radius: 16px;
  --cb-shadow: 0 24px 70px rgba(11, 12, 16, 0.16);
}

/* Acquisition mode is the public, factual default. */
.mode-acquisition,
body:not(.mode-after-dark) {
  --cb-canvas: var(--cb-ivory);
  --cb-surface: var(--cb-white);
  --cb-ink: var(--cb-obsidian);
  --cb-secondary: var(--cb-smoke);
  --cb-primary: var(--cb-jade);
  --cb-accent: var(--cb-champagne);
  --cb-wild: var(--cb-rose);
  --cb-line: var(--cb-chrome);
}

/* Concept mode changes presentation only; templates, forms, facts, and SEO remain shared. */
.mode-after-dark {
  --cb-canvas: var(--cb-obsidian);
  --cb-surface: #14161c;
  --cb-ink: var(--cb-ivory);
  --cb-secondary: var(--cb-chrome);
  --cb-primary: var(--cb-champagne);
  --cb-accent: var(--cb-jade);
  --cb-wild: var(--cb-rose);
  --cb-line: rgba(217, 220, 225, 0.22);
}