/* Atlas OS design tokens -- single source of truth for the Iteration #2
   "blade" look (Xbox 360 dashboard style: silver backdrop, charcoal and
   Xbox-green tiles, big thin white type). Mockups: docs/design/iteration2/.
   Change values here, not in individual templates, to restyle the OS. */

:root {
  /* Backdrop (the silver room the tiles float in) */
  --bd-top: #5b6064;
  --bd-mid: #a3a8ab;
  --bd-low: #d9dcde;
  --bd-floor: #eef0f1;

  /* Tiles */
  --tile-1: #26292a;                 /* charcoal tile, top */
  --tile-2: #121314;                 /* charcoal tile, bottom */
  --tile-hover: #2f3334;
  --xg-1: #2c9a1a;                   /* Xbox green, deep */
  --xg-2: #5cc12a;                   /* Xbox green, mid */
  --xg-3: #8fe048;                   /* Xbox green, light */
  --xg-glow: rgba(110, 220, 60, 0.55);

  /* Text */
  --ink: #ffffff;                    /* on tiles */
  --ink-2: rgba(255, 255, 255, 0.78);
  --ink-3: rgba(255, 255, 255, 0.55);
  --ink-dark: #2b2f31;               /* on the silver backdrop */
  --nav: rgba(244, 246, 247, 0.62);  /* inactive tab */
  --nav-on: #ffffff;

  /* Signal colors -- used sparingly */
  --amber: #ffb627;
  --red: #ff5a4a;
  --purple: #9b6bff;

  /* Type */
  --font-ui: "Segoe UI", "Segoe UI Variable Text", "Open Sans", system-ui, -apple-system, "Helvetica Neue", Arial, sans-serif;
  --font-mono: var(--font-ui);
  --font-display: var(--font-ui);
  --font-code: "Cascadia Mono", Consolas, "Courier New", monospace;

  --gap: 0.32rem;                    /* the hairline gap between tiles */
  --radius: 2px;
  --shadow-tile: 0 0.5rem 1.4rem rgba(0, 0, 0, 0.28);

  /* ---- Compatibility aliases --------------------------------------------
     Everything written for the old green-phosphor theme (sub-pages, the
     Atlas page, legacy research pages, the PA console) reads these names.
     They now map onto the blade palette: those pages sit inside dark sheets,
     so "light text on dark" still holds. */
  --bg: #161819;
  --bg-2: #1e2122;
  --panel: linear-gradient(180deg, var(--tile-1), var(--tile-2));
  --panel-2: rgba(92, 193, 42, 0.14);
  --g-100: #ffffff;
  --g-300: #dfe4e1;
  --g-400: #7dd63e;
  --g-500: #5cc12a;
  --g-600: #3fa821;
  --g-700: #2c7d18;
  --g-800: #224a19;
  --g-900: #172614;
  --line: rgba(255, 255, 255, 0.16);
  --line-dim: rgba(255, 255, 255, 0.08);
  --line-hot: #7dd63e;
  --muted: rgba(225, 231, 228, 0.6);
  --glow-text: none;
  --glow-box: var(--shadow-tile);
  --atlas-bg: var(--bg);
  --atlas-fg: var(--g-300);
  --atlas-hairline: var(--line-dim);
  --atlas-muted: var(--muted);
  --font-hud: var(--font-ui);
}

/* The Atlas logo (atlas_logo() macro in web/templates/_macros.html). Lives
   here because the login and boot screens use it too. Green chevron diamond
   with a brushed-silver band, like the boot emblem in the mockup. */
.atlas-logo { display: block; overflow: visible; filter: drop-shadow(0 0.3rem 0.6rem rgba(40, 120, 20, 0.35)); }
.atlas-logo .al-mark { stroke: #a8ef6a; stroke-width: 5; stroke-linejoin: miter; }
.atlas-logo .al-stop-hi { stop-color: #9be855; }
.atlas-logo .al-stop-lo { stop-color: #2c9a1a; }
.atlas-logo .al-scan { fill: transparent; }
.atlas-logo .al-band { fill: #eef1f2; stroke: #9ea6aa; stroke-width: 6; }
.atlas-logo .al-word { fill: #3b4144; font-family: var(--font-ui); font-weight: 700; font-size: 150px; }