/* ============================================================
   OrbitsWell design tokens — the ONE source of truth for colour.
   Loaded first on every page, ahead of home-v2.css and styles.css,
   so the homepage and every sub-page share a single cosmic palette:
   a cool navy-black base carrying warm brass + cool category tints.

   Nothing here is page-specific. Both stylesheets consume these; the
   legacy alias names at the bottom keep styles.css readable without a
   second, divergent palette.
   ============================================================ */

:root {
  /* base surfaces */
  --bg: #070810;
  --bg-2: #0a0c18;
  --panel: rgba(22, 26, 48, 0.35);
  --panel-solid: #0d1020;
  --panel-strong: rgba(13, 16, 32, 0.96);

  /* text */
  --ink: #f3f1ea;
  --ink-dim: #a9afce;      /* body copy on dark — ~9:1 on --bg */
  --ink-muted: #9298bd;    /* secondary copy — ~6.4:1 on --bg */
  --ink-faint: #8890b5;    /* fine print / footer labels — ~6.4:1 on --bg */
  --ink-on-brass: #120f06;

  /* accents — brass is primary; the rest are semantic category tints */
  --brass: #e3b775;
  --brass-light: #e9c589;
  --brass-dark: #d8a95e;
  --periwinkle: #8ea2e8;
  --sage: #9ab9a4;
  --clay: #c0846c;
  --trust: #4ade9b;
  --white: #fff;
  --ink-soft: #c7cbe4;         /* nav link resting color */
  --periwinkle-light: #bcc6f2; /* icon glyph on tinted periwinkle icon bg */
  --void: #0b0d1f;             /* phone bezel dark stop, blog cover base */
  --void-deep: #05060f;        /* phone notch */
  --phone-bezel: #1b1f3d;      /* phone bezel light stop */

  /* borders, derived from the periwinkle accent — no duplicated rgba literals */
  --line: rgb(from var(--periwinkle) r g b / 0.12);
  --line-strong: rgb(from var(--periwinkle) r g b / 0.22);
  --hairline: rgb(255 255 255 / 0.05);

  --grad-brass: linear-gradient(135deg, var(--brass-light), var(--brass-dark));
  --grad-hero: linear-gradient(105deg, var(--brass-light), var(--periwinkle));

  --font-display: "Newsreader", Georgia, serif;
  --font-body: "Space Grotesk", system-ui, -apple-system, "Segoe UI", sans-serif;

  --maxw: 1160px;
  --radius: 18px;
  --radius-sm: 11px;
  --focus: #bcd2ff;

  /* ---- legacy aliases (styles.css) mapped onto the cosmic palette ----
     Kept so the sub-page stylesheet reads naturally; every one resolves
     to a canonical token above, so there is no second palette to drift. */
  --ink-strong: #f8f7f2;       /* brightened ink for headings */
  --muted: var(--ink-dim);     /* body copy */
  --quiet: var(--ink-faint);   /* captions / fine print */
  --paper: var(--ink);         /* bright text (was a warm surface; surfaces now dark) */
  --paper-muted: var(--ink-dim);
  --shadow: 0 28px 80px rgba(0, 0, 0, 0.45);

  color-scheme: dark;
}