/* ==========================================================================
   tokens.css — Orbital theme design tokens (SINGLE SOURCE OF TRUTH)
   --------------------------------------------------------------------------
   Change the theme from here. Almost nothing else should hardcode a color,
   size, or font. scripts.js also reads --accent from this file at runtime,
   so the accent is defined in exactly ONE place.
   ========================================================================== */

:root {
  /* ---- Accent (the one place to change the site's accent) -------------- */
  --accent:        #3dd4ff;            /* cyan */
  --accent-dim:    rgba(61, 212, 255, .18);
  --accent-soft:   rgba(61, 212, 255, .35);

  /* ---- Per-brand accents (e.g. company colors) ------------------------ */
  --violet:        #a855f7;            /* Leidos */

  /* ---- Surfaces ------------------------------------------------------- */
  --bg:            #070708;
  --bg-1:          #0b0b0c;            /* raised card */
  --bg-2:          #0e1316;            /* card hover */
  --bg-term:       rgba(10, 15, 18, .95);

  /* ---- Lines / borders ------------------------------------------------ */
  --line:          rgba(255, 255, 255, .08);
  --line-strong:   rgba(255, 255, 255, .16);

  /* ---- Text ----------------------------------------------------------- */
  --text:          #ededed;
  --text-soft:     #bcbcbc;
  --text-muted:    #9a9a9a;
  --text-dim:      #6b6b6b;

  /* ---- Type ----------------------------------------------------------- */
  --font-sans:     "Space Grotesk", system-ui, sans-serif;
  --font-mono:     "JetBrains Mono", ui-monospace, monospace;

  /* ---- Layout --------------------------------------------------------- */
  --nav-h:         62px;
  --pad-x:         clamp(28px, 6vw, 90px); /* page padding; also clears side rails */
  --maxw:          1100px;
  --radius:        8px;
  --radius-lg:     12px;

  /* ---- Motion --------------------------------------------------------- */
  --ease:          cubic-bezier(.16, 1, .3, 1);
}

/* Respect users who prefer less motion. */
@media (prefers-reduced-motion: reduce) {
  * { animation-duration: .001ms !important; transition-duration: .001ms !important; }
}