/* PostZam — Color tokens
   Brand law (enforced strictly): Navy, Teal, white backgrounds. No other brand colors.
   The logo blue is reserved for the "P" mark ONLY and is never used as a UI fill. */
:root {
  /* ---- Brand core ---- */
  --pz-navy: #1B2A4A;        /* headers, primary UI, top bars */
  --pz-teal: #0E8A8A;        /* accents, links, highlights, primary actions */
  --pz-white: #FFFFFF;       /* backgrounds */
  --pz-ink: #222222;         /* body copy */

  /* ---- P Blue — PRIMARY brand accent (sampled from the "P" in logo_full.png) ----
     Emphasis, CTAs, highlights, live pipeline stages. This is the lead accent. */
  --pz-blue: #0027E7;
  --pz-blue-700: #001A9E;    /* pressed */
  --pz-blue-600: #0020C4;    /* hover */
  --pz-blue-500: #0027E7;    /* base */
  --pz-blue-100: #DCE1FB;    /* wash / selected */
  --pz-blue-050: #EEF1FE;
  --pz-logo-blue: var(--pz-blue); /* the logo mark hue IS P Blue */

  /* ---- Navy ramp (tints/shades of the brand navy) ---- */
  --pz-navy-900: #101B32;
  --pz-navy-800: #16233E;
  --pz-navy-700: #1B2A4A;    /* = --pz-navy */
  --pz-navy-600: #26375C;
  --pz-navy-500: #35496F;
  --pz-navy-100: #E4E8F0;    /* faint navy wash for active nav / selected rows */
  --pz-navy-050: #F2F4F8;

  /* ---- Teal ramp — DEMOTED to a trace accent only (thin rules, small markers).
     Never large fills, headlines, buttons, or section labels. ---- */
  --pz-teal-700: #0A6B6B;    /* pressed */
  --pz-teal-600: #0C7A7A;    /* hover */
  --pz-teal-500: #0E8A8A;    /* = --pz-teal */
  --pz-teal-100: #DCEEEE;    /* teal wash / pill background */
  --pz-teal-050: #EEF7F7;

  /* ---- Neutrals ---- */
  --pz-black: #000000;
  --pz-gray-900: #222222;    /* = --pz-ink */
  --pz-gray-700: #444444;
  --pz-gray-600: #5C5C5C;    /* muted text */
  --pz-gray-500: #7A7A7A;
  --pz-gray-400: #A6A6A6;
  --pz-gray-300: #CFCFCF;    /* borders */
  --pz-gray-200: #E4E6E9;    /* hairlines */
  --pz-gray-100: #EFF1F3;    /* subtle surface */
  --pz-gray-050: #F7F8FA;    /* page tint */

  /* ---- Semantic status ---- */
  --pz-success: #1E9E6A;     /* connected / live / posted */
  --pz-success-100: #E1F3EA;
  --pz-warning: #C8811A;     /* needs attention */
  --pz-warning-100: #FBEFD8;
  --pz-danger: #C63636;      /* failed / error */
  --pz-danger-100: #F7E0E0;

  /* Coming-soon treatment — always visually distinct (dashed, muted). */
  --pz-comingsoon-border: #A6A6A6;
  --pz-comingsoon-bg: #F7F8FA;
  --pz-comingsoon-text: #5C5C5C;
}