/* Content Matrix brand tokens. Direction: Obsidian Editorial. Source of truth: BRAND.md in the project root.
   Mix of the page: about 80% obsidian and graphite, 12% ivory, 6% gold, 2% champagne.
   One or two gold things per screen. One italic gold word per headline. No second accent colour.
   Fonts are self-hosted (latin subset), so opening a page sends nothing to a font provider. */

@font-face {
  font-family: 'Instrument Serif';
  src: url('../fonts/instrument-serif-latin.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Instrument Serif';
  src: url('../fonts/instrument-serif-italic-latin.woff2') format('woff2');
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Inter Tight';
  src: url('../fonts/inter-tight-latin.woff2') format('woff2');
  font-weight: 400 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'JetBrains Mono';
  src: url('../fonts/jetbrains-mono-latin.woff2') format('woff2');
  font-weight: 400 500;
  font-style: normal;
  font-display: swap;
}

:root {
  /* Colour */
  --cm-obsidian: #0C0B0A;          /* page background */
  --cm-graphite: #141211;          /* cards and panels */
  --cm-gold: #F5B400;              /* buttons, links, the mark, one italic word per headline */
  --cm-champagne: #EAD59A;         /* thin rules, small labels, outline buttons */
  --cm-ivory: #F4EEE2;             /* all text on dark */
  --cm-muted: #B2ADA9;             /* body copy under a headline */
  --cm-bronze: #8A6600;            /* disabled states */
  --cm-border: rgba(244, 238, 226, 0.10);
  --cm-border-strong: rgba(244, 238, 226, 0.20);
  --cm-rule: rgba(234, 213, 154, 0.22);
  /* Foil: only on the mark and one hero word of 48px or more. Never on buttons or small text. */
  --cm-foil: linear-gradient(135deg, #FFE08A 0%, #F5B400 52%, #B98300 100%);
  /* The same foil, one step deeper, for a hero word on a light ground (the bright end vanishes on ivory). */
  --cm-foil-deep: linear-gradient(135deg, #D9A100 0%, #B98300 55%, #8A6600 100%);

  /* Fonts */
  --cm-font-display: 'Instrument Serif', Georgia, serif;
  --cm-font-body: 'Inter Tight', system-ui, sans-serif;
  --cm-font-mono: 'JetBrains Mono', ui-monospace, 'SF Mono', Consolas, monospace;
}