/* GENERATED by scripts/gen-design-tokens.cjs from docs/13-design-system/tokens.json.
 * DO NOT HAND-EDIT — edit the source and regenerate; CI fails on drift.
 *
 * PopiGuard = System 5 of the Celagenix design system.
 * Signature colour: Sapphire. Only --pg* is PopiGuard's own; everything else
 * is inherited from the Group and must never be redefined in an app.
 *
 * A status colour is NEVER a brand colour and vice versa — score bands use
 * --status-* and nothing else. See docs/13-design-system/SYSTEM-5-POPIGUARD.md.
 */

:root {
  /* ── Signature — PopiGuard's alone ───────────────────────────── */
  --pg:        #0B63CE;
  --pg-light:  #5FA8F0;
  --pg-dark:   #0950A6;
  --pg-tint:   rgba(11,99,206,0.08);
  --pg-border: rgba(11,99,206,0.24);

  /* ── Foundation — inherited from the Celagenix Group ─────────── */
  --navy:     #182632;
  --navy-2:   #0E1B27;
  --navy-3:   #1E3244;
  --charcoal: #404851;
  --paper:    #FAFAF7;
  --paper-2:  #F2EFE8;
  --hairline: #D9DBE0;
  --ink:      #0A1224;
  --muted:    #5A6470;
  --white:    #ffffff;

  /* ── Status palette — never a brand colour ───────────────────── */
  --status-danger:  #EF463B;
  --status-warning: #FEBD3B;
  --status-success: #47BFAF;
  --status-info:    #2FA7C6;

  /* ── Typography — the locked Group scale ─────────────────────── */
  --font-sans:    'Ubuntu', ui-sans-serif, system-ui, 'Segoe UI', Roboto, sans-serif;
  --font-body:    'Open Sans', ui-sans-serif, system-ui, 'Segoe UI', Roboto, sans-serif;
  --font-mono:    'JetBrains Mono', ui-monospace, 'Cascadia Mono', Consolas, monospace;
  --h1:           clamp(38px, 5.5vw, 68px);
  --h2:           clamp(26px, 3.8vw, 46px);
  --h3:           clamp(18px, 2vw, 22px);
  --h1-tracking:  -0.02em;
  --h2-tracking:  -0.015em;
  --body-size:    16px;
  --body-leading: 1.65;
  --print-h1:     68px;
  --print-h2:     46px;
  --print-h3:     22px;

  /* ── Layout ──────────────────────────────────────────────────── */
  --container:        min(calc(100% - 40px), 1240px);
  --container-mobile: min(calc(100% - 28px), 1240px);
  --container-max:    1240px;

  /* ── Shape ───────────────────────────────────────────────────── */
  --radius-pill: 999px;
  --radius-card: 10px;
  --radius-chip: 3px;
}