/* Shared color variables for the modernized site. These are aliases only -- every value here is exactly the
   hex code it replaces, so introducing this file changes no rendered color anywhere. It exists so the ~20
   colors that were being hand-repeated across dozens of modern/*.css files (the navy brand color alone was
   typed 118 times) only need to be defined once. Loaded first (before any other modern/*.css file) so every
   other modern stylesheet can reference these by name.

   Naming follows the "family" pattern already established by callouts_modern.css: each accent color
   (red/info/green) has a matching "-text" (darker, for text on a light tint) and "-tint" (light
   background) variant. */

:root {
  /* Brand navy */
  --ptfg-navy: #0b1a67;
  --ptfg-navy-dark: #24358c;
  --ptfg-navy-tint: #dde3f2;

  /* Neutral borders / text / backgrounds */
  --ptfg-border: #e2e6f2;
  --ptfg-input-border: #cfd4e0;
  --ptfg-text-muted: #6b7280;
  --ptfg-text-faint: #b7bdca;
  --ptfg-bg-tint: #f4f6fb;
  --ptfg-bg-hover: #eef1fa;
  --ptfg-bg-card-tint: #e8ecf7;

  /* Danger / red */
  --ptfg-red: #c30900;
  --ptfg-red-text: #7a1a10;
  --ptfg-bg-red-tint: #fdecea;

  /* Info / blue */
  --ptfg-info: #1c5bc4;
  --ptfg-info-text: #1c3f66;

  /* Success / green */
  --ptfg-green: #0b6726;
  --ptfg-bg-green-tint: #eaf7ec;

  /* Misc accents */
  --ptfg-highlight: #d0a9f5;
  --ptfg-orange: #ff9933;
}