/* ============================================================
   GLACIS brand layer for the CFC demo — self-hosted faces + the
   token subset the gate splash and dismissable ribbon need. These
   live OUTSIDE the app's [data-uv-root] scope, so the aubergine
   tokens are re-declared here at :root. The instrument itself keeps
   its own inline token block untouched.
   Söhne is the brand face for ALL roles here — UI, body, display, and the
   former-monospace numerals (kept column-aligned with tabular figures).
   Domaine Display supplies the italic accent inside display headings.
   No Inter, no JetBrains, no Geist — brand faces only.
   ============================================================ */

@font-face {
  font-family: 'Söhne';
  src: url('fonts/Sohne-Buch.ttf') format('truetype');
  font-weight: 400; font-style: normal; font-display: swap;
}
@font-face {
  font-family: 'Söhne';
  src: url('fonts/soehne-kraftig.ttf') format('truetype');
  font-weight: 500; font-style: normal; font-display: swap;
}
@font-face {
  font-family: 'Söhne';
  src: url('fonts/289b52b75190274b4e20f0987ef13edd.ttf') format('truetype');
  font-weight: 700; font-style: italic; font-display: swap;
}
@font-face {
  font-family: 'Domaine Display';
  src: url('fonts/domaine-display-regular.ttf') format('truetype');
  font-weight: 400; font-style: normal; font-display: swap;
}
@font-face {
  font-family: 'Domaine Display';
  src: url('fonts/domaine-display-regular-italic.ttf') format('truetype');
  font-weight: 400; font-style: italic; font-display: swap;
}

:root {
  /* aubergine surface */
  --cfc-iris-0: #14101B;
  --cfc-iris-1: #18141F;
  --cfc-iris-2: #1E1724;
  --cfc-iris-3: #241B2C;
  --cfc-iris-5: #352741;
  /* warm bone type */
  --cfc-bone: #EDE3D0;
  --cfc-bone-strong: #F5ECD9;
  --cfc-bone-mute: #B5A9A0;
  --cfc-bone-dim: #958996;
  /* semantic trio + editorial */
  --cfc-cyan: #82C4D0;
  --cfc-violet: #C084FC;
  --cfc-violet-mid: #A78BFA;
  --cfc-amber: #E0AE7C;
  --cfc-brass: #B8935E;
  --cfc-brass-lift: #CFA973;
  --cfc-coral: #E8A48A;
  --cfc-sage: #94A381;
  --cfc-terra: #B05A3E;
  --cfc-rule: rgba(237,227,208,0.10);
  --cfc-rule-warm: rgba(184,147,94,0.20);
  /* type stacks */
  --cfc-display: 'Söhne', Georgia, serif;
  --cfc-italic: 'Domaine Display', Georgia, serif;
  --cfc-sans: 'Söhne', -apple-system, BlinkMacSystemFont, 'Helvetica Neue', sans-serif;
  /* No separate mono face — Söhne everywhere, per brand. Numeric columns stay
     aligned via tabular figures (see the rule below). */
  --cfc-mono: 'Söhne', ui-monospace, 'SF Mono', Menlo, monospace;
  --cfc-ease: cubic-bezier(0.2, 0.0, 0.2, 1);
}

/* Brand-align the instrument's primary display headline (the entity-dossier
   name) onto Söhne — a targeted lift that leaves the dense Inter data UI
   intact. Applies only to the app root, never the gate/ribbon. */
[data-uv-root] h1 { font-family: var(--cfc-display); }

/* The instrument's former-monospace cells are now Söhne. Keep numerals column-
   aligned with tabular + lining figures so receipts, hashes, and KPI readouts
   don't wobble. Targets exactly the elements that carried the mono stack. */
[data-uv-root] [style*="ui-monospace"],
.cfc-gate__input,
.cfc-gate__foot {
  font-variant-numeric: tabular-nums lining-nums;
  font-feature-settings: "tnum" 1, "lnum" 1;
}