/* Freigeist shell mockup — Geist Rail
   Tokens match live skins.css. No slate/indigo hardcodes. */

:root,
html[data-skin="dusk"],
#view-about[data-about-skin="dusk"] {
  --skin-bg: #020617;
  --skin-bg-2: #0b1224;
  --skin-surface: #0f172a;
  --skin-surface-2: #1e293b;
  --skin-border: rgba(51, 65, 85, 0.95);
  --skin-text: #f8fafc;
  --skin-muted: #94a3b8;
  --skin-accent: #6366f1;
  --skin-accent-2: #a855f7;
  --skin-accent-soft: #c4b5fd;
  --skin-btn: linear-gradient(135deg, #6d28d9 0%, #4f46e5 58%, #7c3aed 100%);
  --skin-btn-text: #ffffff;
  --skin-card: linear-gradient(180deg, rgba(30, 41, 59, 0.75), rgba(15, 23, 42, 0.95));
  --skin-chip: rgba(76, 29, 149, 0.38);
  --skin-chip-border: rgba(167, 139, 250, 0.38);
  --skin-chip-text: #ddd6fe;
  --skin-font: Inter, system-ui, sans-serif;
  --skin-display: "Space Grotesk", Inter, system-ui, sans-serif;
  --skin-hero-glow: rgba(99, 102, 241, 0.2);
}

html[data-skin="ember"],
#view-about[data-about-skin="ember"] {
  --skin-bg: #1c100c;
  --skin-bg-2: #2a1610;
  --skin-surface: #2b1712;
  --skin-surface-2: #3d2118;
  --skin-border: rgba(180, 83, 9, 0.35);
  --skin-text: #fff7ed;
  --skin-muted: #d6b09a;
  --skin-accent: #ea580c;
  --skin-accent-2: #f43f5e;
  --skin-accent-soft: #fdba74;
  --skin-btn: linear-gradient(135deg, #ea580c, #e11d48);
  --skin-btn-text: #fff7ed;
  --skin-card: linear-gradient(180deg, rgba(69, 26, 3, 0.72), rgba(28, 16, 12, 0.95));
  --skin-chip: rgba(154, 52, 18, 0.45);
  --skin-chip-border: rgba(251, 146, 60, 0.4);
  --skin-chip-text: #ffedd5;
  --skin-hero-glow: rgba(234, 88, 12, 0.22);
}

html[data-skin="moss"],
#view-about[data-about-skin="moss"] {
  --skin-bg: #07140f;
  --skin-bg-2: #0c1f18;
  --skin-surface: #10241c;
  --skin-surface-2: #16352a;
  --skin-border: rgba(16, 185, 129, 0.28);
  --skin-text: #ecfdf5;
  --skin-muted: #9dbeb0;
  --skin-accent: #059669;
  --skin-accent-2: #0d9488;
  --skin-accent-soft: #6ee7b7;
  --skin-btn: linear-gradient(135deg, #047857, #0f766e);
  --skin-btn-text: #ecfdf5;
  --skin-card: linear-gradient(180deg, rgba(6, 78, 59, 0.55), rgba(7, 20, 15, 0.95));
  --skin-chip: rgba(6, 78, 59, 0.5);
  --skin-chip-border: rgba(52, 211, 153, 0.38);
  --skin-chip-text: #d1fae5;
  --skin-hero-glow: rgba(16, 185, 129, 0.18);
}

html[data-skin="parchment"],
#view-about[data-about-skin="parchment"] {
  --skin-bg: #f3ead7;
  --skin-bg-2: #efe2c8;
  --skin-surface: #f7f1e4;
  --skin-surface-2: #e8dcc4;
  --skin-border: rgba(120, 90, 50, 0.28);
  --skin-text: #2a2118;
  --skin-muted: #6b5844;
  --skin-accent: #9a3412;
  --skin-accent-2: #b45309;
  --skin-accent-soft: #9a3412;
  --skin-btn: linear-gradient(135deg, #9a3412, #b45309);
  --skin-btn-text: #fffaf0;
  --skin-card: linear-gradient(180deg, #fbf6eb, #efe4cd);
  --skin-chip: rgba(180, 83, 9, 0.12);
  --skin-chip-border: rgba(180, 83, 9, 0.28);
  --skin-chip-text: #7c2d12;
  --skin-font: "Literata", Georgia, "Times New Roman", serif;
  --skin-display: Cinzel, "Palatino Linotype", serif;
  --skin-hero-glow: rgba(180, 83, 9, 0.12);
}

html[data-skin="midnight"],
#view-about[data-about-skin="midnight"] {
  --skin-bg: #020617;
  --skin-bg-2: #0a1628;
  --skin-surface: #0b1a2e;
  --skin-surface-2: #13263f;
  --skin-border: rgba(56, 189, 248, 0.22);
  --skin-text: #e0f2fe;
  --skin-muted: #7dd3fc;
  --skin-accent: #0284c7;
  --skin-accent-2: #2563eb;
  --skin-accent-soft: #7dd3fc;
  --skin-btn: linear-gradient(135deg, #0369a1, #1d4ed8);
  --skin-btn-text: #f0f9ff;
  --skin-card: linear-gradient(180deg, rgba(12, 40, 70, 0.8), rgba(8, 16, 32, 0.96));
  --skin-chip: rgba(7, 89, 133, 0.45);
  --skin-chip-border: rgba(56, 189, 248, 0.35);
  --skin-chip-text: #e0f2fe;
  --skin-hero-glow: rgba(14, 165, 233, 0.16);
}