/* ============================================================
   CPAC — Color Tokens
   Blue-white-navy executive corporate palette.
   ============================================================ */

:root {
  /* ---- Brand primitives ---- */
  --cpac-blue: #189cd8;          /* primary brand mark blue */
  --cpac-blue-light: #6fc5ed;    /* secondary / soft highlight */
  --cpac-blue-bright: #34b4ec;   /* gradient stop */
  --navy: #0a2a4a;               /* deep navy — titles & body */
  --navy-deep: #0a2f5a;          /* strong section labels, summary bar */
  --white: #ffffff;

  /* ---- Blue surface tints ---- */
  --blue-050: #f3fafe;           /* very light blue background zone */
  --blue-075: #f2f9fd;           /* chip / pill surface */
  --blue-100: #e6f3fb;           /* table header tint */
  --blue-150: #d9edff;           /* strong table header */
  --blue-border: #b5dbf0;        /* soft blue card border / divider */

  /* ---- Text ---- */
  --ink: #0a2a4a;                /* primary text */
  --ink-strong: #0f1d35;         /* table header ink */
  --muted: #4f6b80;              /* captions, notes, secondary */

  /* ---- Status ---- */
  --success: #0fb36a;
  --warning: #f59e0b;
  --danger:  #e53955;
  --success-soft: rgba(15, 179, 106, 0.12);
  --warning-soft: rgba(245, 158, 11, 0.14);
  --danger-soft:  rgba(229, 57, 85, 0.12);

  /* ---- Semantic aliases ---- */
  --bg: var(--white);
  --bg-zone: var(--blue-050);
  --surface-card: var(--white);
  --surface-soft: var(--blue-075);
  --border: var(--blue-border);
  --border-strong: var(--cpac-blue);
  --accent: var(--cpac-blue);
  --accent-2: var(--cpac-blue-light);

  --text-title: var(--navy);
  --text-body: var(--ink);
  --text-muted: var(--muted);
  --text-on-accent: var(--white);

  /* ---- Gradients ---- */
  --grad-blue: linear-gradient(120deg, #189cd8, #34b4ec); /* @kind color */
  --grad-navy: linear-gradient(120deg, #0a2f5a, #189cd8); /* @kind color */
  --grad-zone: radial-gradient(900px 500px at 10% 10%, rgba(24, 156, 216, 0.10), transparent 50%); /* @kind color */
}