/* ═══════════════════════════════════════════════════════════════════════
   BRAND.CSS — the one Cybernet CRM colour set (Lane THEME, 2026-09-03)
   Sampled from the active wordmark PNG along its sweep (never eyeballed):
   0% #129CE2 · 50% #159CE3 · 62% #AC5DE6 · 75% #EA2A99 · 100% #DD2F94,
   chrome shading #0457BC, chrome highlight #3EEDFB.
   Loaded first, before custom.css and futuristic.css, in BOTH themes.
   Rule: the saturated stops are for fills, rings, edges and big numbers;
   text on glass uses the light tints (pinned by tests/test_theme_tokens.py).
   ═══════════════════════════════════════════════════════════════════════ */
:root {
  --brand-blue:        #129CE2;
  --brand-blue-deep:   #0457BC;
  --brand-blue-light:  #7ED3F7;   /* GLASS-REAL: text-safe over the lit glass floor */
  --brand-blue-pale:   #8FDBF9;
  --brand-highlight:   #3EEDFB;
  --brand-mid:         #AC5DE6;
  --brand-pink:        #EC2691;
  --brand-pink-light:  #FFB0E6;   /* GLASS-REAL: text-safe over the lit glass floor */
  --brand-pink-deep:   #B0207A;
  --brand-gradient:    linear-gradient(90deg, #129CE2 0%, #159CE3 50%, #AC5DE6 62%, #EA2A99 75%, #DD2F94 100%);
  --brand-gradient-diag: linear-gradient(135deg, #129CE2 0%, #AC5DE6 55%, #EC2691 100%);
  --brand-tint:        rgba(18, 156, 226, 0.12);
  --brand-tint-strong: rgba(18, 156, 226, 0.18);
  --brand-glow:        rgba(18, 156, 226, 0.28);
  --brand-line:        rgba(18, 156, 226, 0.16);
  --brand-line-soft:   rgba(18, 156, 226, 0.08);
  --brand-pink-tint:   rgba(236, 38, 145, 0.12);
  --brand-pink-glow:   rgba(236, 38, 145, 0.28);
  --brand-edge:        rgba(62, 237, 251, 0.34);   /* the chrome highlight as the glass specular edge */
  --brand-line-strong: rgba(18, 156, 226, 0.35);
  --brand-shadow:      0 0 20px rgba(18, 156, 226, 0.15);

  /* semantic, not brand */
  --ok:      #34D399;
  --warn:    #F5B84B;
  --warn-bg: rgba(245, 184, 75, 0.12);
  --ok-bg:   rgba(52, 211, 153, 0.12);
  --danger-bg: rgba(251, 113, 133, 0.12);
  --danger:  #FB7185;
}

/* Light surfaces (public sign page, printed paper): the same brand, neutrals and
   status colours tuned for a white ground (>= 4.5:1 on #FFFFFF). Opt in with
   data-scheme="light" on the page root or the .scheme-light class. */
[data-scheme="light"], .scheme-light {
  --text-primary: #0F172A; --text-muted: #334155; --text-subtle: #64748B; --text-inverse: #FFFFFF;
  --bg-primary: #FFFFFF; --bg-secondary: #F8FAFC; --bg-card: #FFFFFF; --border: #CBD5E1; --border-light: #E2E8F0;
  --ok: #0F8A5F; --ok-bg: rgba(15, 138, 95, 0.10);
  --warn: #9A6100; --warn-bg: rgba(154, 97, 0, 0.10);
  --danger: #C0284B; --danger-bg: rgba(192, 40, 75, 0.10);
  --brand-blue-light: #0B6FB8;   /* text-safe blue on white */
  --brand-pink-light: #B5176F;   /* text-safe pink on white */
  --ink: #0F172A;
}