/* Max Yinger — Movor Technologies token layer
 * Midnight engineer's terminal. Bone-white on near-black. 4px density.
 * Three faces: VT323 (display), JetBrains Mono (telemetry), Inter (prose).
 */

*, *::before, *::after { box-sizing: border-box; }

:root {
  /* ---- Palette ---- */
  --color-midnight-carbon: #12130f;
  --color-bone-glow:       #e4dfda;
  --color-charcoal-vein:   #3c3c38;
  --color-rose-quartz:     #f5c2c8;

  /* ---- Legacy aliases (loader/header/footer reference these) ---- */
  --color-paper:      var(--color-midnight-carbon);
  --color-paper-2:    var(--color-midnight-carbon);
  --color-paper-3:    #1a1b16;
  --color-rule:       var(--color-charcoal-vein);
  --color-rule-2:     #2a2a26;
  --color-muted:      #8a8a82;
  --color-ink-2:      #b0aca4;
  --color-ink:        var(--color-bone-glow);
  --color-accent:     var(--color-rose-quartz);
  --color-accent-2:   var(--color-bone-glow);
  --color-accent-ink: var(--color-midnight-carbon);
  --color-focus:      var(--color-rose-quartz);
  --color-shadow:     rgba(0, 0, 0, 0);

  /* ---- Typography ---- */
  --font-display:  "VT323", "JetBrains Mono", ui-monospace, monospace;
  --font-mono:     "JetBrains Mono", ui-monospace, "IBM Plex Mono", monospace;
  --font-body:     "Inter", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;

  /* ---- Type scale ---- */
  --text-caption: 12px;
  --leading-caption: 1.25;
  --tracking-caption: -0.05em;
  --text-body: 16px;
  --leading-body: 1.25;
  --text-subheading: 30px;
  --leading-subheading: 1.13;
  --text-display: 80px;
  --leading-display: 0.70;

  /* ---- Spacing: 4px base, compact ---- */
  --space-4: 4px;
  --space-8: 8px;
  --space-12: 12px;
  --space-16: 16px;
  --space-24: 24px;
  --space-32: 32px;
  --space-48: 48px;
  --space-64: 64px;
  --space-96: 96px;

  /* legacy aliases */
  --space-3xs: 0.25rem; --space-2xs: 0.5rem; --space-xs: 0.75rem;
  --space-sm: 1rem; --space-md: 1.5rem; --space-lg: 2rem;
  --space-xl: 3rem; --space-2xl: 4.5rem; --space-3xl: 7rem;

  /* ---- Radii ---- */
  --radius-pill: 9999px;
  --radius-card: 0px;
  --radius-link: 2px;
  --radius-btn: 9999px;
  --radius-small: 2px;

  /* ---- Easing ---- */
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  --ease-in:  cubic-bezier(0.7, 0, 0.84, 0);
  --ease-in-out: cubic-bezier(0.65, 0, 0.35, 1);
  --dur-micro: 120ms; --dur-short: 220ms; --dur-long: 420ms;

  /* ---- Layout ---- */
  --section-gap: 64px;
  --edge-pad: 24px;
}