/* ==========================================================================
   CAME — OBSIDIAN  (tokens only; structure lives in came.css)
   --------------------------------------------------------------------------
   Enabled with  define('BBM_CAME', 'obsidian');  in wp-config.php.
   Loaded BEFORE came.css: this file only declares :root tokens, came.css
   consumes them and owns every rule.

   Built around the etched-tile covers (cover.php, ETCH + GLASS_NEUTRAL):
   smoked glass with black etched lettering, no art, no hue. The site is the
   same material, so the tiles read as part of it rather than stickers on it:

     - Ground and surfaces are NEUTRAL greys — no blue cast, no warmth. A
       tinted ground makes a neutral tile look tinted by contrast (grey next
       to blue reads warm), which is exactly the "why is there colour" problem
       the covers shed.
     - Dark page, lighter glass: panes a step above the page, covers a step
       above the panes. Every tonal difference sits above the range a phone
       crushes to black. Black is kept for the covers' lettering and the ink
       on violet buttons — the black-on-black lives in the product.
     - Text is grey, not white. White on this ground is the brightest thing
       on the page by far and turns every paragraph into glare.
     - One accent, the site's original violet, used sparingly: it is the only
       colour on the site.

   To turn OFF: delete the define.
   ========================================================================== */

:root {
  /* The page: the darkest surface. Everything set on it is LIGHTER, so it
     stays visible on a phone. Phones crush the bottom ~10% of tones (OLED,
     auto-brightness, glare): the first obsidian (2026-09-26) put its panes,
     covers and black titles all between #020202 and #151515, which read on
     a desktop monitor and as one flat black on a phone. */
  --bg-primary:   #151515;
  /* GLASS — every pane, band, bar and card: a step up from the page, with
     the covers (~#242424) a step above that. Lighter panes once read as
     moulded plastic (#1f1f1f on #1c1c1c, no edge); what makes them glass is
     the lit top edge and black outline in came.css, not the value. */
  --bg-secondary: #1d1d1d;
  --bg-card:      #1d1d1d;
  /* Inside glass: inputs and hover rows, a step up. */
  --bg-tertiary:  #242424;
  --bg-elevated:  #222222;

  /* Accent — the site's original violet. On this ground it is 3.9:1, so it
     works as a FILL and a line, not as small text; highlighted words use the
     lighter --accent-2 (5.5:1). */
  --accent:        #7c5cfc;
  --accent-hover:  #6a4ce0;
  --accent-light:  #9b82ff;
  /* "Subtle" fills are BLACK here, not a violet wash. They back the offer
     note, tag chips, Track Sheet buttons and gate icon; as violet tints on
     charcoal they read as navy glass, which is colour by the back door. As
     black they are panes like everything else, and violet stays on the
     lines and text that carry it. */
  --accent-subtle: rgba(0, 0, 0, 0.40);
  --accent-glow:   rgba(124, 92, 252, 0.18);

  --accent-2:        #9b82ff;
  --accent-2-subtle: rgba(0, 0, 0, 0.30);

  /* Black ink on the violet: 4.8:1, where white is 4.4:1 and fails AA. With
     the covers' etched titles, the one place black type lives. */
  --accent-ink: #000000;

  /* Tokens the theme references but variables.css never declared. */
  --accent-purple: #7c5cfc;
  --accent-cyan:   #9b82ff;
  --text:          #d2d2d2;

  /* Light for titles, grey for what you read. On #151515: primary ~13:1,
     secondary ~6.5:1, muted ~5.4:1. A step lighter than the first obsidian's
     #c4c4c4 / #828282, for phones. Muted was #6a6a6a (~3.4:1, "metadata
     only") until 2026-10-16; WCAG AA has no metadata exemption, so it now
     clears 4.5:1 on every surface up to --bg-tertiary (#242424, 4.6:1).
     Don't take it below #8a8a8a. */
  --text-primary:   #d2d2d2;
  --text-secondary: #9a9a9a;
  --text-muted:     #8c8c8c;

  --shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.5);
  --shadow-md: 0 4px 16px rgba(0, 0, 0, 0.6);
  --shadow-lg: 0 8px 32px rgba(0, 0, 0, 0.7);

  /* Borders are BLACK lines: every pane is outlined like leading. Hover
     brings in the violet rather than lightening the black. */
  --border:        rgba(0, 0, 0, 0.9);
  --border-hover:  rgba(124, 92, 252, 0.35);
  --border-accent: rgba(124, 92, 252, 0.55);

  --gradient-card: none;

  --shadow-glow:    0 0 0 1px rgba(124, 92, 252, 0.30);
  --shadow-glow-lg: 0 0 0 1px rgba(124, 92, 252, 0.40);

  --gradient-accent:       var(--accent);
  --gradient-accent-hover: var(--accent-hover);

  /* Triplets for rgba() composition and for JS (archive-card-pulse.js).
     --came-rgb drives came.css's tints and gradients (collection tiles, CTA
     panels, blooms). BLACK, for the same reason as --accent-subtle: those
     surfaces become darker panes, not violet ones. The now-playing glow is
     the one place violet should bloom, so --bbm-pulse-rgb keeps it. */
  --came-rgb:       0, 0, 0;
  --ground-rgb:     21, 21, 21;
  --bbm-pulse-rgb:  124, 92, 252;
}