/* MM Intelligence design tokens, from the Midnight Marketing brand guide.
   Night first; a light theme follows the OS. */

/* Brand type: Termina (titles, all caps), Bio Sans (body), MM Hand (accents,
   no numerals). Archivo stays as the fallback for characters the current
   Termina build lacks (it is the trial cut; full files drop in by name). */
@font-face { font-family: "Termina"; src: url("/assets/termina-light-21c7b62b.woff2") format("woff2"); font-weight: 300; font-display: swap; }
@font-face { font-family: "Termina"; src: url("/assets/termina-regular-9cbf5792.woff2") format("woff2"); font-weight: 400; font-display: swap; }
@font-face { font-family: "Termina"; src: url("/assets/termina-demi-f8c2d43e.woff2") format("woff2"); font-weight: 600; font-display: swap; }
@font-face { font-family: "Termina"; src: url("/assets/termina-bold-2babeb9c.woff2") format("woff2"); font-weight: 700; font-display: swap; }
@font-face { font-family: "Termina"; src: url("/assets/termina-black-699bb7c3.woff2") format("woff2"); font-weight: 900; font-display: swap; }
@font-face { font-family: "Bio Sans"; src: url("/assets/biosans-light-80246754.woff2") format("woff2"); font-weight: 300; font-style: normal; font-display: swap; }
@font-face { font-family: "Bio Sans"; src: url("/assets/biosans-regular-545af2d8.woff2") format("woff2"); font-weight: 400; font-style: normal; font-display: swap; }
@font-face { font-family: "Bio Sans"; src: url("/assets/biosans-italic-8b53482c.woff2") format("woff2"); font-weight: 400; font-style: italic; font-display: swap; }
@font-face { font-family: "Bio Sans"; src: url("/assets/biosans-semibold-dd1196da.woff2") format("woff2"); font-weight: 600; font-style: normal; font-display: swap; }
@font-face { font-family: "Bio Sans"; src: url("/assets/biosans-bold-84bff9b8.woff2") format("woff2"); font-weight: 700; font-style: normal; font-display: swap; }
@font-face { font-family: "MM Hand"; src: url("/assets/mm-hand-fdf4d72b.woff2") format("woff2"); font-display: swap; }

@font-face {
  font-family: "Archivo";
  src: url("/assets/archivo-latin-var-591a8b69.woff2") format("woff2");
  font-weight: 100 900;
  font-stretch: 62% 125%;
  font-display: swap;
}


:root {
  color-scheme: dark;

  /* Night */
  /* Primary: Dark Matter, Interstellar Deep, Nebula Mist. */
  --dark-matter: #1a1318;
  --interstellar: #293c3e;
  --nebula: #efecea;
  /* Secondary. */
  --cosmic: #90b1bb;
  --galactic: #428393;
  --astral: #1b5765;
  --alien-core: #6f1a23;
  --mars: #ee3124;
  --solar: #faa73f;
  --stellar-gold: #997b47;
  /* Accent gradients. */
  --orbit-shadow: linear-gradient(90deg, #1b5765, #428393 55%, #90b1bb);
  --supernova: linear-gradient(90deg, #faa73f, #ee3124 40%, #6f1a23 75%, #1a1318);
  --spacewalk: linear-gradient(90deg, #90b1bb, #1b5765 30%, #1a1318 55%, #ee3124 80%, #faa73f);
  --cosmic-gold: linear-gradient(90deg, #6e5530, #c9a96a 35%, #f6deaa 50%, #c9a96a 65%, #6e5530);

  --bg: #1a1318;
  --bg-deep: #120d11;
  --panel: #1f1a20;
  --panel-2: #232a2d;
  --panel-3: #293c3e;
  --line: rgb(144 177 187 / 0.12);
  --line-2: rgb(144 177 187 / 0.22);

  --ink: #efecea;
  --dim: #b7b1b3;
  --faint: #8a8487;

  --moon: #efecea;
  --star: #faa73f;
  --pop-teal: #5fd0e0;

  --gold-node: #997b47;
  --brand-line: var(--spacewalk);

  /* Chart series, fixed order, validated (dataviz validator) on #1a1318. */
  --series-1: #d67818;
  --series-2: #1da2ba;
  --series-3: #e5342a;
  --series-4: #8e7bd6;
  --series-5: #b98a2f;
  --series-other: #5d5257;
  /* Brand teal, deepened so white text on it stays readable (4.5:1). */
  --teal-strong: #2a7f8f;
  --pop-orange: #ff9f2e;

  --brass: #c9a96a;
  --brass-ink: #1a1318;
  --brass-soft: rgb(153 123 71 / 0.18);
  --brass-glow: rgb(153 123 71 / 0.22);
  --tide: #90b1bb;
  --tide-soft: rgb(144 177 187 / 0.12);
  --flare: #faa73f;
  --flare-soft: rgb(250 167 63 / 0.13);
  --mist: #90b1bb;
  --done: #8d9a94;
  --danger: #f08a7e;

  --shadow-lift: 0 1px 0 rgb(255 255 255 / 0.03) inset, 0 18px 40px -18px rgb(0 0 0 / 0.7);
  --shadow-float: 0 30px 80px -20px rgb(0 0 0 / 0.75);

  /* Type */
  --display: "Termina", "Archivo", "Arial Narrow", Arial, sans-serif;
  --body: "Bio Sans", "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  --hand: "MM Hand", "Bio Sans", sans-serif;

  /* Scale (px): 12.5 · 13.5 · 15 · 17 · 21 · 28 · 40 · 56 */
  --t-xs: 0.8125rem;
  --t-sm: 0.875rem;
  --t-md: 0.9375rem;
  --t-lg: 1.0625rem;
  --t-xl: 1.3125rem;
  --t-2xl: 1.75rem;
  --t-3xl: clamp(1.6rem, 1rem + 2.2vw, 2.25rem);
  --t-4xl: clamp(1.9rem, 1rem + 3.4vw, 3.1rem);

  /* Space (4px grid) */
  --s-1: 4px;
  --s-2: 8px;
  --s-3: 12px;
  --s-4: 16px;
  --s-5: 20px;
  --s-6: 24px;
  --s-8: 32px;
  --s-10: 40px;
  --s-12: 48px;
  --s-16: 64px;

  /* Shape: small things are round, containers are softer squares */
  --r-sm: 8px;
  --r-md: 12px;
  --r-lg: 18px;
  --r-pill: 999px;

  --gutter: 24px;
  --page-max: 1180px;

  --ease-out: cubic-bezier(0.22, 1, 0.36, 1);
  --dur-quick: 140ms;
  --dur-move: 260ms;
}

@media (prefers-color-scheme: light) {
  :root {
    color-scheme: light;
    --bg: #efecea;
    --bg-deep: #e7e2df;
    --panel: #f8f6f5;
    --panel-2: #e9e4e1;
    --panel-3: #dfd8d4;
    --line: #d6cfcb;
    --line-2: #c4bbb6;
    --ink: #120d11;
    --dim: #5d5358;
    --faint: #7c7277;
    --moon: #120d11;
    --star: #d9860f;
    --brass: #8a7238;
    --brass-ink: #fbf7ee;
    --brass-soft: rgb(138 114 56 / 0.12);
    --brass-glow: rgb(138 114 56 / 0.16);
    --tide: #2f6e7c;
    --tide-soft: rgb(47 110 124 / 0.12);
    --flare: #b8650a;
    --flare-soft: rgb(184 101 10 / 0.12);
    --mist: #5f8792;
    --done: #6c7a74;
    --danger: #b3261e;
    --shadow-lift: 0 1px 2px rgb(18 13 17 / 0.06), 0 12px 30px -16px rgb(18 13 17 / 0.25);
    --shadow-float: 0 30px 70px -20px rgb(18 13 17 / 0.35);
  }
}

@media (max-width: 640px) {
  :root { --gutter: 16px; }
}