/* ------------------------------------------------------------------
   Shared design tokens — "Sterrewag" (observatory)
   A celestial-almanac theme: indigo-black night sky, ivory star-chart
   linework, cyan chrome and old-gold star magnitudes. Aged star-plate
   paper (kraft) carries the clippings/notes. The sky is the system;
   the chart on the desk is the personality.
   Imported by style.css, projects.css, arcade.css.
   ------------------------------------------------------------------ */
:root{
  /* ---- Night sky base ---- */
  --bg:#0b1026; --bg-2:#10173a;
  --surface:rgba(79,214,224,0.05); --surface-2:rgba(79,214,224,0.10);
  --border:rgba(79,214,224,0.20); --border-2:rgba(230,233,242,0.10);
  --text:#d3d8ea; --text-mut:#8b93b8; --text-bright:#f2f4fc;

  /* ---- Cyan chrome + gold stars + chart paper ---- */
  --accent:#4fd6e0;        /* cyan — instrument chrome, links */
  --accent-2:#8fe9f0;      /* light cyan — glow */
  --accent-3:#d9b45b;      /* old gold — magnitudes, highlights */
  --oxblood:#c96a4a;       /* red-giant / rubber-stamp ink */
  --kraft:#e8e2d2;         /* aged star-plate paper */
  --kraft-2:#d6cdb8;       /* darker paper */
  --ink-blue:#1a2a4e;      /* deep ink navy — text on paper */

  --grad:linear-gradient(120deg,#8fe9f0,#4fd6e0 50%,#d9b45b);
  --grad-zine:linear-gradient(120deg,#c96a4a,#d9b45b 50%,#1a3c5e);

  --radius:4px; --radius-sm:2px;     /* precise, instrument-panel */
  --shadow:0 20px 50px rgba(0,0,0,0.6);
  --glow:0 0 12px rgba(79,214,224,0.35);
  --glow-amber:0 0 12px rgba(217,180,91,0.30);
  --glow-ox:0 0 10px rgba(201,106,74,0.28);
  --maxw:1100px;
  --ease:cubic-bezier(0.22,0.61,0.36,1);
  --mono:'JetBrains Mono','Space Mono',ui-monospace,'Cascadia Code',monospace;
  --serif:'Fraunces','Spectral',Georgia,serif;
  --body:'Spectral','Fraunces',Georgia,serif;

  /* ---- Starfield texture (see body::before) ---- */
  --star:rgba(232,235,244,0.75); --star-2:rgba(232,235,244,0.42);
  --star-gold:rgba(217,180,91,0.75); --star-cyan:rgba(79,214,224,0.65);
}

/* ---- Light mode: "aged star-atlas" — navy ink on parchment ---- */
:root[data-theme="light"]{
  --bg:#e9dfc7; --bg-2:#e2d6b9;
  --surface:rgba(44,107,134,0.06); --surface-2:rgba(44,107,134,0.12);
  --border:rgba(38,49,78,0.22); --border-2:rgba(38,49,78,0.12);
  --text:#26314e; --text-mut:#5f6178; --text-bright:#171f38;
  --accent:#2c6b86; --accent-2:#3f7f96; --accent-3:#8a6d24;
  --oxblood:#a5482f; --kraft:#f0e8d2; --kraft-2:#e0d5ba; --ink-blue:#1a2a4e;
  --grad:linear-gradient(120deg,#2c6b86,#3f7f96 50%,#8a6d24);
  --grad-zine:linear-gradient(120deg,#a5482f,#8a6d24 50%,#1a3c5e);
  --glow:0 0 0 1px rgba(38,49,78,0.08);
  --glow-amber:0 0 10px rgba(138,109,36,0.20);
  --glow-ox:0 0 8px rgba(165,72,47,0.18);
  --star:rgba(38,49,78,0.5); --star-2:rgba(38,49,78,0.28);
  --star-gold:rgba(138,109,36,0.55); --star-cyan:rgba(44,107,134,0.5);
}

/* Slow drift for gradient-clipped headings.
   Pair with: background-size:220% auto; animation:hue-pan 14s var(--ease) infinite alternate. */
@keyframes hue-pan{ from{background-position:0% center;} to{background-position:100% center;} }

/* Blinking cursor (kept for terminal-flavoured spots) */
@keyframes blink{ 0%,49%{opacity:1;} 50%,100%{opacity:0;} }

/* Slow twinkle — for accent stars */
@keyframes twinkle{ 0%,100%{opacity:1;} 50%{opacity:.45;} }