/* =========================================================================
   ZephyCube Network — shared brand tokens (zc-core/brand.css)
   ---------------------------------------------------------------------
   Single source of truth for the network's color palette. Every site
   (zephycube.com, Tools, Ledger, qr.zphy.link, zphy.link) previously
   hardcoded the same hex values under 5 different variable-naming
   schemes (--zc-primary vs --zc-pink vs --accent vs --pink vs --breeze,
   etc). That's why the same button-contrast bug had to be found and
   fixed independently on three different sites in one engagement.

   This file defines ONLY the canonical --zc-* tokens. Each site keeps
   its own local variable names (for backward compatibility with all
   its existing CSS rules) but aliases them to these tokens instead of
   re-declaring hex literals:

     :root {
       --accent: var(--zc-pink);
       --accent-deep: var(--zc-pink-dim);
       --highlight: var(--zc-pink-light);
       --bg: var(--zc-bg);
     }

   A palette change now happens once, here, and every site picks it up
   on next deploy instead of needing the same edit made 5 times.

   Each site ships its own copy of this file and links it BEFORE its own
   stylesheet. Current per-site paths:
     zephycube.com   assets/css/zc-brand.css
     Tools           public/assets/css/zc-brand.css
     Ledger          public/assets/css/zc-brand.css
     qr.zphy.link    public/zc-brand.css        (served at /zc-brand.css)
     zphy.link       public/assets/zc-brand.css
   Keep the copies byte-identical - zc-core/brand.css is the master.
   ========================================================================= */

:root {
  /* ---- Core palette ---- */
  --zc-pink:        #C8145A; /* primary accent — deep magenta pink */
  --zc-pink-dim:    #780C37; /* dimmer accent / gradient shadow tone */
  --zc-pink-light:  #FFAAC8; /* highlight / pale pink — hover, shine, secondary text */
  --zc-green:       #2DD4A8; /* alternating legal-page accent (odd pages pink, even pages green) */

  /* ---- Surfaces ---- */
  --zc-bg:          #0A0A0C; /* near-black page background, network-wide */
  --zc-surface:     #141014; /* card/panel background, one step up from bg */
  --zc-surface-2:   #1C151A; /* nested surface (inputs, secondary panels) */
  --zc-line:        #2A1E24; /* hairline borders */
  --zc-line-bright: rgba(255,255,255,.14); /* brighter border variant, used on QR */

  /* ---- Text ---- */
  --zc-ink:         #F5EEF1; /* primary text on dark surfaces */
  --zc-muted:       #9B8791; /* secondary/muted text */
  --zc-faint:       #606578; /* tertiary/faint text (timestamps, labels) */

  /* ---- Derived gradients (same recipe network-wide) ---- */
  --zc-grad:        radial-gradient(140% 140% at 15% 0%, var(--zc-pink) 0%, var(--zc-pink-dim) 45%, var(--zc-bg) 78%);
  --zc-grad-soft:   linear-gradient(135deg, rgba(200,20,90,.18), rgba(120,12,55,.20));
  --zc-grad-glow:   rgba(120,12,55,.45);

  /* ---- Shared metrics ---- */
  --zc-radius:      16px;
  --zc-radius-sm:   11px;
  --zc-shadow:      0 1px 2px rgba(0,0,0,.5), 0 14px 34px -18px rgba(0,0,0,.8);
  --zc-font-brand:  'Poppins', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;

  color-scheme: dark;
}

/* ---- Network-standard button contrast rule ----
   The recurring bug this engagement: an active/primary button rendered
   with near-black text (#0a0b12) on the pink gradient, which is
   unreadable once the gradient tails into --zc-pink-dim. The fix,
   network-wide, is solid --zc-pink (not the gradient) with white text:
     background: var(--zc-pink); color: #fff;
   Kept here as documented policy, not an enforced rule (sites define
   their own .btn/.zc-btn-primary/.seg selectors), so future buttons
   follow the same contrast choice instead of reintroducing the bug. */