/* xConvert C4 / Foldback. Core brand tokens from K-J2/Branding.
   Semantic aliases, layout and state colors below are implementation choices. */
.xc {
  --xc-carbon: #0F1115;
  --xc-graphite: #2A2F36;
  --xc-gray: #8A9199;
  --xc-green: #22C55E;
  --xc-paper: #F2F4F7;
  --xc-font-display: Bahnschrift, 'Arial Narrow', 'Segoe UI', sans-serif;
  --xc-font-ui: 'Segoe UI', system-ui, -apple-system, sans-serif;
  --xc-font-mono: Consolas, 'Liberation Mono', monospace;
  --xc-bg: var(--xc-carbon);
  --xc-surface: #15181D;
  --xc-raised: #1B1F25;
  --xc-text: var(--xc-paper);
  --xc-muted: #A4ABB4;
  --xc-line: #343B44;
  --xc-line-strong: #67717E;
  --xc-accent: var(--xc-green);
  --xc-accent-text: #62DD8E;
  --xc-tint: #182B22;
  --xc-error: #FFACA7;
  --xc-error-bg: #38201F;
  --xc-shadow: 0 14px 40px rgb(0 0 0 / 12%);
  color-scheme: dark;
}
.xc[data-theme='light'] {
  --xc-bg: var(--xc-paper);
  --xc-surface: #FFFFFF;
  --xc-raised: #E9EDF0;
  --xc-text: var(--xc-carbon);
  --xc-muted: #565F6A;
  --xc-line: #CDD3DA;
  --xc-line-strong: #818B98;
  --xc-accent-text: #126B32;
  --xc-tint: #E6F4E9;
  --xc-error: #A32222;
  --xc-error-bg: #FFF1EF;
  --xc-shadow: 0 14px 40px rgb(15 17 21 / 4%);
  color-scheme: light;
}