/* Custom Web Audits — Brand Design Tokens v1.1
   Built on the SEO Design Chicago master system. Load Lato + Roboto from Google Fonts. */
:root{
  /* Brand */
  --brand-primary:#00AEEF;   /* Cyan · PMS 2925 C · themeable for white-label */
  --brand-strong:#1559B0;    /* Strong Blue · PMS 2728 C */
  --brand-navy:#175179;      /* Navy · PMS 7693 C */
  --brand-charcoal:#545659;  /* Charcoal · PMS 7540 C · wordmark ink */
  --brand-black:#000000; --brand-white:#ffffff;
  /* Ink & surfaces */
  --ink:#2b2d31; --ink-muted:#7c8188;
  --surface:#ffffff; --surface-2:#f4f7f9; --line:#e6eaee;
  /* Semantic status */
  --good:#17A67A; --warn:#E0952B; --critical:#D23B58;
  /* Type */
  --font-display:"Lato",system-ui,-apple-system,sans-serif;
  --font-ui:"Roboto",system-ui,-apple-system,sans-serif;
  /* Spacing — 8px system */
  --sp-1:4px; --sp-2:8px; --sp-3:12px; --sp-4:16px; --sp-6:24px; --sp-8:32px; --sp-12:48px;
  /* Shape (compact & sharp) */
  --radius:8px; --radius-sm:6px; --radius-lg:12px;
  --border:1px solid var(--line);
  --shadow:0 1px 2px rgba(20,30,40,.05), 0 12px 28px -18px rgba(20,40,60,.28);
  /* Motion */
  --ease:150ms cubic-bezier(.2,.6,.2,1);
  --ring:0 0 0 2px color-mix(in srgb, var(--brand-primary) 40%, transparent);
  /* Data-viz */
  --seq-1:#e5f7fd; --seq-2:#a5e2f7; --seq-3:#5cc6ef; --seq-4:#00AEEF; --seq-5:#0a7fc2; --seq-6:#175179;
  --cat-1:#00AEEF; --cat-2:#175179; --cat-3:#17A67A; --cat-4:#E0952B; --cat-5:#8b5cf6; --cat-6:#1559B0; --cat-7:#D6479B; --cat-8:#0f9d8f;
}
/* White-label: override one token per customer */
.theme-example{ --brand-primary:#e11d48; }