/* ============================================================
   Brand Studio kit: "AtlasGTM Marketing" (kit #94)
   Design tokens exactly as defined in the kit. page-v3.css consumes
   these via var() with the same values as fallbacks, so changing
   a token here moves the whole page.
   ============================================================ */
:root{
  /* colors */
  --brand-primary:#52a0ff;
  --brand-secondary:#a672f7;
  --brand-accent:#a672f7;
  --brand-background:#f9fafb;
  --brand-surface:#ffffff;
  --brand-text:#374151;
  --brand-muted:#64748b;
  --brand-border:#e5e7eb;

  /* supporting tints / shades of the core palette (allowed: fidelity = balanced) */
  --brand-primary-tint:#eaf3ff;
  --brand-secondary-tint:#f3ecfe;
  --brand-ink:#0f1a2e;          /* deep shade of primary, used for the hero and dark bands */
  --brand-ink-2:#172a4d;

  /* typography */
  --brand-font-heading:Inter, system-ui, sans-serif;
  --brand-font-body:Inter, system-ui, sans-serif;
  --brand-base-size:16px;
  --brand-scale:1.25;

  /* radius */
  --brand-radius-sm:6px;
  --brand-radius-md:10px;
  --brand-radius-lg:16px;

  /* spacing */
  --brand-space-unit:8px;

  /* logo assets (public, no login) */
  --brand-logo:url("https://atlasgtm.io/wp-content/uploads/atlas-public/brand/35/AtlasGTM-4.png");
  --brand-favicon:url("favicon.svg");
}

/* ---------- co-brand rule ----------
   The Ultimate Partner mark (ultimate-partner-logo.svg) is shown as
   supplied — navy wordmark with the green hexagon — on white or on
   a white tile. Its colours are never used for page UI; the accent
   rule below is the AtlasGTM gradient.
   -------------------------------------------------------------- */
.grule{height:3px;border-radius:2px;background:linear-gradient(90deg,var(--brand-primary),var(--brand-secondary));}