/* ============================================================
   Gay Hampton Roads — themes/ghr.css

   The GHR identity, ported onto Keel Light's theme-token system.
   style.css (loaded after this) reads these variables and has no
   colors of its own, so this one file defines the whole look:
   a dark, neon "757 at night" palette — hot pink primary, cyan
   secondary — with Bricolage Grotesque / Inter / Space Mono.

   GHR is dark only (it never had a light mode), so the palette
   lives in :root and there's no light/dark split. The header's
   theme-toggle is removed in layout.js to match — nothing to
   toggle between.

   Token names match Keel Light / KeelCMS so the rest of style.css
   finds what it expects. Two GHR extras beyond that set — --grad
   (the pink→violet→cyan sweep) and --glow — are used by the card
   and region components ported into style.css.
   ============================================================ */

:root {
  /* ---- surfaces ---- */
  --paper:         #0C0C0E;   /* near-black background */
  --paper-raised:  #141417;   /* cards, panels */
  --fg:            #F4F4F6;   /* primary text */
  --fg-muted:      #9A9AA6;   /* secondary text */
  --fg-faint:      #5C5C68;   /* tertiary text, least emphasis */
  --border:        rgba(255, 255, 255, 0.08);   /* hairline */
  --border-strong: rgba(255, 255, 255, 0.18);   /* hover / divider */
  --shadow:        0 1px 2px rgba(0, 0, 0, 0.3), 0 4px 20px rgba(0, 0, 0, 0.4);

  /* ---- accents ---- */
  --accent:        #FF3DBE;   /* neon pink — primary action/brand */
  --accent-hover:  #E520A4;   /* darker pink for hover/press */
  --accent-soft:   rgba(255, 61, 190, 0.12);   /* pink tint — tags, hover bg */

  /* Keel's secondary-accent slot (links, accents): GHR's neon cyan. */
  --sea:      #2EE6D6;
  --sea-tint: rgba(46, 230, 214, 0.12);

  /* ---- GHR extras used by ported card/region components ---- */
  --grad: linear-gradient(90deg, #FF3DBE 0%, #B44FE8 50%, #2EE6D6 100%);
  --glow: 0 0 10px rgba(255, 61, 190, 0.25);

  /* ---- type ---- */
  --font-display: "Bricolage Grotesque", system-ui, sans-serif;
  --font-body:    "Inter", system-ui, sans-serif;
  --font-mono:    "Space Mono", ui-monospace, monospace;

  /* ---- measure ---- */
  --measure: 44rem;   /* reading column (post body) */
  --wide:    47.5rem; /* header / footer / section width (~760px, GHR's) */

  --radius: 8px;
}