/* ============================================================
   theme.css — CBPS website TOKEN LAYER (color / font / spacing)
   ============================================================
   generated from brand-kits/cbps/kit.md — edit the kit, not this file.
   Values are reconciled 1:1 with 01-Capoeira/cbps/brand/tokens/cbps-tokens.css
   (the canonical CBPS token set — social templates, brand board, and this
   site all agree on the same numbers). To rebrand: edit kit.md (+
   cbps-tokens.css if a derived token needs to change), then regenerate
   this file so the two never drift apart.

   Structure/layout rules do NOT live here — see components.css.
   Load order on every page: theme.css, then components.css.
   ============================================================ */
:root{
  /* ── backgrounds ─────────────────────────────── */
  --bg:#0a0a0c; --bg2:#101116; --bg-footer:#070708;
  --bg-card:rgba(255,255,255,.055); --bg-card-b:rgba(255,255,255,.12);
  --bg-hero-scrim:
    linear-gradient(90deg,rgba(10,10,12,.92) 0%,rgba(10,10,12,.62) 45%,rgba(10,10,12,.35) 100%),
    linear-gradient(0deg,rgba(10,10,12,.95) 0%,rgba(10,10,12,0) 40%);

  /* ── brand colors ────────────────────────────── */
  --azure:#17b1ff; --azure-deep:#0a7fc2; --azure-glow:rgba(23,177,255,.45);
  --azure-subtle:rgba(23,177,255,.12); --azure-border:rgba(23,177,255,.25);
  --green:#00c853; --yellow:#ffd000; --yellow-ink:#04222f;

  /* ── text ────────────────────────────────────── */
  --ink:#f4f5f7; --muted:#9aa0ab; --body-2:#c7ccd4; --body-3:#dfe3ea; --tag-text:#cfd3da;

  /* ── lines & dividers ────────────────────────── */
  --line:rgba(255,255,255,.10); --line-strong:rgba(255,255,255,.20);

  /* ── typography ──────────────────────────────── */
  --font-display:'Bebas Neue',Impact,sans-serif;
  --font-body:Inter,-apple-system,BlinkMacSystemFont,sans-serif;
  --ls-kicker:.28em; --ls-display:.02em; --ls-nav:.06em; --ls-btn:.04em; --ls-tag:.12em; --ls-badge:.16em;
  --lh-display:.92; --lh-body:1.6;

  /* ── shape & spacing ─────────────────────────── */
  --radius:14px; --radius-sm:8px; --radius-xs:6px; --radius-pill:40px; --maxw:1180px;
  --flag-h:5px;

  /* ── shadows & glow ──────────────────────────── */
  --shadow-card:0 2px 12px rgba(0,0,0,.4);
  --glow-azure:0 0 30px rgba(23,177,255,.45);
  --glow-subtle:0 0 60px rgba(23,177,255,.15);

  /* ── legacy aliases — site.css/components.css referenced these
     shorter names before the split; kept so nothing on the live
     pages breaks. Same values as above, just old names. ── */
  --azure2:var(--azure-deep);
  --glass:var(--bg-card);
  --glassb:var(--bg-card-b);
}