/* ============================================================================
   5N3 HQ — product theme (loads AFTER theme.css, overrides its tokens)
   ----------------------------------------------------------------------------
   The ecosystem rule: shared design language (type, spacing, radii, shadows,
   components from Commons) but each product owns its accent + surface tint.
   The Hub is the documentation product: slate / deep navy / steel gray with a
   restrained cyan accent - Obsidian/GitBook/VS Code territory, not neon.

   The parent red stays reserved for the 5N3 mark and the Tracker.
   ========================================================================== */

:root {
  /* cool slate surface ladder (replaces the warm matte black) */
  --bg: #0b0e13;
  --nav-bg: #0d1117;
  --surface: #11161d;
  --surface-elevated: #171e27;
  --border: #232b36;
  --border-hover: #55606e;

  /* steel-tinted text */
  --text-primary: #f2f5f8;
  --text-secondary: #9aa5b1;
  --text-tertiary: #6b7684;
  --text-muted-title: #c4ccd5;

  /* the Hub accent: quiet cyan */
  --brand-300: #8ed3dc;
  --brand-400: #6ec3ce;
  --brand-500: #56b6c2;
  --brand-600: #56b6c2;
  --brand-700: #3f98a3;
  --brand-800: #2e727b;
  --brand-900: #1f4d53;
  --brand: var(--brand-600);
  --brand-hover: var(--brand-700);
  --brand-light: var(--brand-400);
  --brand-rgb: 86, 182, 194;
}

/* Per-space accent worlds were removed by request: the quiet cyan is the
   Blog's identity everywhere - consistent, calm, documentation-grade. */

/* Wordmark: the parent mark stays parent-red in every product, the product
   suffix takes the product accent. One family, many products. */
.c-wordmark { color: var(--text-primary); }
.c-wordmark span { color: var(--brand); }
/* parent mark is now the logo tile in .brand-block (shared chassis) */