/* =========================================================
   BLXCKTOPUS — THEME  (v0.3, purple from the original Blxcktopus banners)
   Swap this one file to restyle the whole site.
   Layout lives in base.css and only reads these tokens.
   ========================================================= */

:root {
  color-scheme: dark;

  /* ---- Colour (placeholders) ---- */
  --bg:          #0e0c22;   /* page: deep indigo from the old banner */
  --bg-raised:   #171433;   /* header, cards, footer */
  --fg:          #ece8f4;   /* main text */
  --fg-muted:    #9e96b8;   /* secondary text */
  --line:        #2c2652;   /* dividers */
  --accent:      #c9ff3b;   /* greenish-yellow accent (kept from v0.2) */
  --accent-ink:  #120f2b;   /* text on accent */

  /* Placeholder media tiles: hue comes from each project (--ph-hue) */
  --deep:      #231a46;   /* banner purple, used for glows */
  --glow:      #3a2a5c;
  /* LED screen overlay on the opening video (pattern from LED_FX_qualityEnlarger.png) */
  --led-opacity: 0.3;
  --led-tile:    4px 8px;    /* dot grid size: 4px 8px = fine, 8px 16px = chunky (original) */
  --ph-sat:   38%;
  --ph-light: 22%;

  /* ---- Type ---- */
  --font-display: "Anybody", "Arial Narrow", Impact, system-ui, sans-serif;   /* variable: condensed + bold */
  --display-wdth: 80;    /* width axis: 50 condensed … 150 extra-wide */
  --display-wght: 800;   /* weight axis: 100 … 900 */
  --font-body:    "Outfit", "Segoe UI", "Helvetica Neue", Arial, sans-serif;   /* round, clear word spacing; variable weight */
  --body-weight:  420;
  --font-ui:      "Anybody", "Arial Narrow", "Helvetica Neue", sans-serif;   /* buttons, nav, labels: condensed Anybody */
  --ui-wdth:      72;      /* width axis for UI text */
  --ui-wght:      650;     /* weight axis for UI text */
  --ui-track:     0.09em;  /* letter spacing for UI text */
  --font-mono:    "JetBrains Mono", ui-monospace, Menlo, monospace;        /* tags + credit info (trial 4th font) */

  --fs-xs:   0.75rem;
  --fs-sm:   0.875rem;
  --fs-md:   1rem;
  --fs-lg:   1.25rem;
  --fs-xl:   clamp(1.5rem, 1.1rem + 1.6vw, 2.25rem);
  --fs-xxl:  clamp(1.6rem, 1rem + 2.4vw, 3.1rem);   /* condensed face: can run larger */

  --track-wide:  0.32em;   /* "W A T C H  T H E ..." spacing from the old site, tuned for Unbounded */
  --track-label: 0.12em;

  /* ---- Shape & rhythm ---- */
  --radius:     2px;
  --gap:        clamp(16px, 2.5vw, 32px);
  --section:    clamp(48px, 8vw, 112px);
  --max:        1180px;
  --header-h:   64px;
}