/* Glow Holding — Engineered Light™ · Color tokens
   Primary palette from the brand palette doc; support values transcribed
   from the source artwork (canvas #040505, neon-bright #E3FF00, rule #C5C5C5). */

:root {
  /* ── Primary ─────────────────────────────────────────── */
  --glow-black: #171717;        /* Deep Black (greyer) — institutional base */
  --glow-neon: #B4D01A;         /* Neon Yellow-Green — surgical accent */
  --glow-paper-warm: #F2F1ED;   /* Off-White Warm — premium light surfaces */

  /* Artwork variants (as used in the social content system) */
  --glow-canvas: #040505;       /* near-black canvas used on posts/carousels */
  --glow-neon-bright: #E3FF00;  /* brighter neon used for serif highlights */

  /* ── Neutral scale ───────────────────────────────────── */
  --glow-ink: #0E1013;          /* darkest text on light */
  --glow-graphite: #4A4F58;     /* secondary text */
  --glow-muted: #8A8F98;        /* tertiary / captions */
  --glow-rule: #D9DBDF;         /* hairline dividers on light */
  --glow-paper: #F4F5F7;        /* neutral light surface */
  --glow-rule-warm: #C5C5C5;    /* hairline dividers on dark artwork */

  /* Dark-surface steps (from artwork) */
  --glow-surface-1: #101010;
  --glow-surface-2: #1E1E1E;
  --glow-surface-3: #2A2A2A;
  --glow-hairline-dark: rgba(255,255,255,0.10);
  --glow-hairline-neon: rgba(180,208,26,0.28);

  /* Status — evidence, never decoration */
  --glow-positive: #34B4A4;     /* teal, from artwork rgb(52,180,164) */
  --glow-info: #0071BC;         /* blue, from artwork rgb(0,113,188) */
  --glow-warning: #E0A23C;      /* amber, from artwork rgb(224,162,60) */
  --glow-negative: #C4462F;

  /* ── Semantic aliases · dark (default institutional) ──── */
  --bg-canvas: var(--glow-black);
  --bg-surface: var(--glow-surface-1);
  --bg-elevated: var(--glow-surface-2);
  --text-primary: #FFFFFF;
  --text-secondary: rgba(255,255,255,0.66);
  --text-tertiary: rgba(255,255,255,0.42);
  --accent: var(--glow-neon);
  --hairline: var(--glow-hairline-dark);
  --rule: var(--glow-rule-warm);

  /* ── Semantic aliases · light (premium dashboards) ────── */
  --bg-canvas-light: var(--glow-paper-warm);
  --bg-surface-light: #FFFFFF;
  --text-primary-light: var(--glow-ink);
  --text-secondary-light: var(--glow-graphite);
  --text-tertiary-light: var(--glow-muted);
  --hairline-light: var(--glow-rule);
}

/* Light theme scope — opt in with class="glow-light" */
.glow-light {
  --bg-canvas: var(--glow-paper-warm);
  --bg-surface: #FFFFFF;
  --bg-elevated: var(--glow-paper);
  --text-primary: var(--glow-ink);
  --text-secondary: var(--glow-graphite);
  --text-tertiary: var(--glow-muted);
  --hairline: var(--glow-rule);
  --rule: var(--glow-rule);
}