/* Innerface house tokens.
   Gold is the default house (same family as TEC gold analog).
   Chrome is the cool-steel second palette — same switcher pattern as TEC Leimert. */
:root,
[data-theme="gold"] {
  --bg: #07060A;
  --charcoal: #0C0B0F;
  --panel: rgba(232, 218, 188, 0.045);
  --panel-solid: #14100B;
  --border: rgba(232, 218, 188, 0.09);
  --border-strong: rgba(232, 218, 188, 0.16);
  --gold: #D4AF52;
  --gold-strong: #F3D98F;
  --gold-deep: #9C7128;
  --gold-pale: #F6E4A8;
  --gold-dim: rgba(244, 173, 32, 0.14);
  --text: #F3EEE0;
  --text-dim: #ABA290;
  --text-faint: #6B6152;
  --on-accent: #1A1305;
  --accent-rgb: 212, 175, 82;
  --ink-rgb: 7, 6, 10;
  --sans: "Outfit", system-ui, sans-serif;
  --body-dim: #ABA290;
  --body-faint: #6B6152;
  --cta-from: #F3D98F;
  --cta-to: #9C7128;
  --gold2: var(--gold-strong);
  --ink: var(--text);
  --dim: var(--text-dim);
  --faint: var(--text-faint);
  --solid: var(--panel-solid);
  --line: var(--border);
  --line2: var(--border-strong);
  --if-bg: var(--bg);
  --if-gold: var(--gold);
  --if-gold-bright: var(--gold-pale);
  --if-gold-deep: var(--gold-deep);
  --if-text: var(--text);
  --if-text-dim: var(--text-dim);
  --if-text-faint: var(--text-faint);
  --if-cream: var(--text);
  --if-border: var(--border);
  --if-border-strong: var(--border-strong);
  --if-panel: var(--panel);
  --if-panel-solid: var(--panel-solid);
  --pai-gold: var(--gold);
  --pai-gold-bright: var(--gold-pale);
  --pai-gold-deep: var(--gold-deep);
}

[data-theme="chrome"] {
  --bg: #07090C;
  --charcoal: #0B0E12;
  --panel: rgba(200, 214, 228, 0.045);
  --panel-solid: #10141A;
  --border: rgba(200, 214, 228, 0.1);
  --border-strong: rgba(200, 214, 228, 0.2);
  --gold: #9AA8B8;
  --gold-strong: #E4EAF0;
  --gold-deep: #5C6B7A;
  --gold-pale: #F2F5F8;
  --gold-dim: rgba(154, 168, 184, 0.16);
  --text: #EEF2F6;
  --text-dim: #9AA6B2;
  --text-faint: #6A7682;
  --on-accent: #0A0C10;
  --accent-rgb: 154, 168, 184;
  --ink-rgb: 7, 9, 12;
  --body-dim: #9AA6B2;
  --body-faint: #6A7682;
  --cta-from: #E4EAF0;
  --cta-to: #5C6B7A;
  --gold2: var(--gold-strong);
  --ink: var(--text);
  --dim: var(--text-dim);
  --faint: var(--text-faint);
  --solid: var(--panel-solid);
  --line: var(--border);
  --line2: var(--border-strong);
  --if-bg: var(--bg);
  --if-gold: var(--gold);
  --if-gold-bright: var(--gold-pale);
  --if-gold-deep: var(--gold-deep);
  --if-text: var(--text);
  --if-text-dim: var(--text-dim);
  --if-text-faint: var(--text-faint);
  --if-cream: var(--text);
  --if-border: var(--border);
  --if-border-strong: var(--border-strong);
  --if-panel: var(--panel);
  --if-panel-solid: var(--panel-solid);
  --pai-gold: var(--gold);
  --pai-gold-bright: var(--gold-pale);
  --pai-gold-deep: var(--gold-deep);
}

html, body { background: var(--bg); color: var(--text); }