/*
  Portal theme: the only place colors are defined.
  Every other stylesheet uses these variables, never raw hex.
  The portal is dark only, to match the Brightmade website.
*/
:root {
  color-scheme: dark;

  --bg: #07081a;
  --surface: #14143a;
  --border: #2c2a5e;
  --text: #ffffff;
  --text-muted: #b9b6e6;
  --accent: #b9a8ff;
  --accent-contrast: #12103a;
  --focus: #d6ccff;
  --surface-alt: #1c1b4a;
  --track: #2a2860;
  --ok: #6fd69a;
  --warn: #ffb866;
  --danger: #ff8a80;
  --shadow: 0 10px 40px rgba(0, 0, 0, 0.45);

  --sky-top: #05061a;
  --sky-bottom: #0d0b2e;
  --nebula-a: rgba(120, 80, 255, 0.3);
  --nebula-b: rgba(255, 90, 190, 0.16);
  --nebula-c: rgba(60, 170, 255, 0.18);
  --star-dust: rgba(255, 255, 255, 0.85);
  --star-core: #fff3c4;
  --star-glow: rgba(255, 236, 160, 0.75);
  --silver: #dde2ec;
  --silver-glow: rgba(214, 222, 240, 0.6);
  --trail-from: rgba(205, 212, 228, 0);
  --trail-to: #dde2ec;
  --glass: linear-gradient(145deg, rgba(255, 255, 255, 0.16), rgba(255, 255, 255, 0.04));
  --glass-filter: blur(26px) saturate(170%);
  --glass-edge: rgba(255, 255, 255, 0.24);
  --glass-shine: inset 0 1.5px 0 rgba(255, 255, 255, 0.4), inset 0 -1px 1px rgba(255, 255, 255, 0.08), inset 0 0 24px rgba(255, 255, 255, 0.06);
  --glass-gloss: radial-gradient(120% 70% at 0% 0%, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0) 55%);
  --glass-field: rgba(255, 255, 255, 0.07);
}