/* =========================================================================
   EVE DESIGN SYSTEM — TOKENS
   All 5 dials as scoped variables. Apply a dial by setting
   data-dial="1".."5" on the root element, OR by using the per-dial class.
   ========================================================================= */

/* -------- Universal resets (apply to every page) ----------------------- */
*, *::before, *::after { box-sizing: border-box; border-radius: 0; }
html, body { margin: 0; padding: 0; }
body {
  font-variant-numeric: tabular-nums;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}
img, svg { display: block; max-width: 100%; }
button, input, select, textarea { font: inherit; color: inherit; }

/* Kill every default radius just in case framework CSS creeps in */
* { border-radius: 0 !important; }

/* Fonts: Helvetica is local (brand-uploaded).
   JetBrains Mono / Space Grotesk / Space Mono / Spectral come from Google Fonts. */
@import url('https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@300;400;500;700&family=Space+Grotesk:wght@300;400;500;700&family=Space+Mono:wght@400;700&family=Spectral:ital,wght@0,300;0,400;0,600;1,400&display=swap');

/* Brand Helvetica — local files */
@font-face {
  font-family: "EVE Helvetica";
  src: url("../fonts/helvetica-light-587ebe5a59211.ttf") format("truetype");
  font-weight: 300; font-style: normal; font-display: swap;
}
@font-face {
  font-family: "EVE Helvetica";
  src: url("../fonts/Helvetica.ttf") format("truetype");
  font-weight: 400; font-style: normal; font-display: swap;
}
@font-face {
  font-family: "EVE Helvetica";
  src: url("../fonts/Helvetica-Oblique.ttf") format("truetype");
  font-weight: 400; font-style: italic; font-display: swap;
}
@font-face {
  font-family: "EVE Helvetica";
  src: url("../fonts/Helvetica-Bold.ttf") format("truetype");
  font-weight: 700; font-style: normal; font-display: swap;
}
@font-face {
  font-family: "EVE Helvetica";
  src: url("../fonts/Helvetica-BoldOblique.ttf") format("truetype");
  font-weight: 700; font-style: italic; font-display: swap;
}
@font-face {
  font-family: "EVE Helvetica Rounded";
  src: url("../fonts/helvetica-rounded-bold-5871d05ead8de.otf") format("opentype");
  font-weight: 700; font-style: normal; font-display: swap;
}
@font-face {
  font-family: "EVE Helvetica Compressed";
  src: url("../fonts/helvetica-compressed-5871d14b6903a.otf") format("opentype");
  font-weight: 700; font-style: normal; font-display: swap;
}

/* -------- Shared spacing (consistent across dials) --------------------- */
:root {
  --space-xs: 4px;
  --space-sm: 8px;
  --space-md: 16px;
  --space-lg: 32px;
  --space-xl: 64px;
  --space-2xl: 96px;
  --grid: 8px;
  --border-width: 1px;
}

/* =========================================================================
   DIAL 1 — SWISS ARCHIVE
   ========================================================================= */
.dial-1, [data-dial="1"] {
  --bg: #faf9f7;
  --bg-alt: #f0eeeb;
  --text: #1a1a1a;
  --text-secondary: #6b6560;
  --accent: #c41e1e;
  --border: #e0ddd8;
  --code-bg: #f5f3f0;

  --font-body: "EVE Helvetica", "Helvetica Neue", Helvetica, Arial, sans-serif;
  --font-mono: "JetBrains Mono", "SF Mono", monospace;
  --font-display: "EVE Helvetica", "Helvetica Neue", Helvetica, Arial, sans-serif;

  --body-size: 15px;
  --body-leading: 1.5;
  --heading-leading: 1.1;
  --heading-tracking: -0.03em;
  --label-tracking: 0.1em;
}

/* =========================================================================
   DIAL 2 — MAGI TERMINAL
   ========================================================================= */
.dial-2, [data-dial="2"] {
  --bg: #0a0a0a;
  --bg-alt: #111111;
  --bg-panel: #111111;
  --text: #00ff41;
  --text-alt: #ffb000;
  --text-dim: #004d00;
  --text-secondary: #008f24;
  --accent: #ff3333;
  --border: rgba(0, 255, 65, 0.18);
  --border-strong: rgba(0, 255, 65, 0.6);
  --scanline: rgba(0, 0, 0, 0.35);

  --font-body: "JetBrains Mono", "Cascadia Code", "Berkeley Mono", monospace;
  --font-mono: "JetBrains Mono", "Cascadia Code", "Berkeley Mono", monospace;
  --font-display: "JetBrains Mono", monospace;

  --body-size: 13px;
  --body-leading: 1.7;
  --heading-leading: 1.2;
  --heading-tracking: 0.02em;
  --label-tracking: 0.12em;
}

/* =========================================================================
   DIAL 3 — VECTORHEART / Y2K (Teal Void default)
   ========================================================================= */
.dial-3, [data-dial="3"] {
  --bg: #1a1a1a;
  --bg-alt: #222222;
  --accent: #00bfa5;
  --text: #e0e0e0;
  --text-secondary: #8a8a8a;
  --highlight: #ffffff;
  --border: rgba(0, 191, 165, 0.3);
  --border-strong: #00bfa5;
  --chrome: linear-gradient(180deg, #fff 0%, #e0e0e0 50%, #fff 51%, #c0c0c0 100%);

  --font-body: "EVE Helvetica", "Helvetica Neue", "Arial Narrow", Arial, sans-serif;
  --font-mono: "Space Mono", Monaco, Consolas, monospace;
  --font-display: "EVE Helvetica Compressed", "Space Grotesk", "Helvetica Neue", sans-serif;
  --font-chrome: "EVE Helvetica Rounded", "EVE Helvetica", "Helvetica Neue", sans-serif;

  --body-size: 13px;
  --body-leading: 1.4;
  --heading-leading: 1.15;
  --heading-tracking: -0.02em;
  --label-tracking: 0.15em;
  --micro-size: 9px;
}

/* =========================================================================
   DIAL 4 — BRUTALIST EDITORIAL (Ink-on-Paper default)
   ========================================================================= */
.dial-4, [data-dial="4"] {
  --bg: #f5f2ed;
  --bg-alt: #e8e3d8;
  --text: #000000;
  --text-secondary: #000000;
  --accent: #0000ff;
  --accent-alt: #ff0000;
  --border: #000000;

  --font-display: "EVE Helvetica Compressed", "Space Grotesk", "Neue Haas Grotesk", "Helvetica Neue", sans-serif;
  --font-body: "EVE Helvetica", "Helvetica Neue", Helvetica, Arial, sans-serif;
  --font-mono: "JetBrains Mono", monospace;

  --body-size: 15px;
  --body-leading: 1.35;
  --display-leading: 0.92;
  --heading-tracking: -0.04em;
  --label-tracking: 0.08em;
}

/* =========================================================================
   DIAL 5 — WARM PERSONAL
   ========================================================================= */
.dial-5, [data-dial="5"] {
  --bg: #f3ede4;
  --bg-alt: #ebe4d8;
  --text: #2c2824;
  --text-secondary: #7a6f63;
  --accent: #8b2020;
  --link: #8b2020;
  --border: #d4cec4;

  --font-body: "Spectral", Georgia, "Freight Text", serif;
  --font-mono: "JetBrains Mono", "SF Mono", monospace;
  --font-display: "Spectral", Georgia, serif;

  --body-size: 16px;
  --body-leading: 1.6;
  --heading-leading: 1.15;
  --heading-tracking: -0.01em;
  --label-tracking: 0.08em;
}

/* =========================================================================
   SHARED PRIMITIVES — inherit dial vars
   ========================================================================= */

.eve-body {
  background: var(--bg);
  color: var(--text);
  font-family: var(--font-body);
  font-size: var(--body-size);
  line-height: var(--body-leading);
}

.eve-meta {
  font-family: var(--font-mono);
  font-size: 11px;
  letter-spacing: var(--label-tracking);
  color: var(--text-secondary);
  text-transform: uppercase;
}

.eve-hr {
  border: none;
  border-top: var(--border-width) solid var(--border);
  margin: 0;
}

/* Baseline button — each dial overrides to its own flavor */
.eve-btn {
  display: inline-block;
  background: transparent;
  border: 1px solid var(--text);
  color: var(--text);
  font-family: var(--font-mono);
  font-size: 12px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  padding: 8px 16px;
  cursor: pointer;
  transition: none;
  text-decoration: none;
}
.eve-btn:hover { background: var(--text); color: var(--bg); }