/* Colors — sampled from the S.A.F.E. LLC logo (ink = #002053). */
:root {
  /* Navy: the brand. One hue, ten steps. */
  --navy-950: #000d21;
  --navy-900: #001233;
  --navy-800: #001a44;
  --navy-700: #002053; /* brand ink, sampled from logo */
  --navy-600: #123064;
  --navy-500: #2a4a85;
  --navy-400: #5a76a8;
  --navy-300: #93a7c7;
  --navy-200: #c6d0e1;
  --navy-100: #e5eaf2;
  --navy-50:  #f4f6fa;

  /* Neutrals: cool-leaning greys for paper, rules and body copy. */
  --grey-900: #14181f;
  --grey-800: #1c2128;
  --grey-700: #333a45;
  --grey-600: #4a5261;
  --grey-500: #6b7382;
  --grey-400: #9aa3b2;
  --grey-300: #c4cad4;
  --grey-200: #e2e6ee;
  --grey-100: #eef1f6;
  --grey-50:  #f7f9fc;
  --white: #ffffff;
  --paper: #fefefe; /* logo background white */

  /* Brass: credentials, seals, certifications. Used sparingly. */
  --brass-700: #7d5c17;
  --brass-600: #9a7420;
  --brass-500: #b6892f;
  --brass-300: #d9bd7c;
  --brass-100: #f4ead4;

  /* Risk / finding severity — the assessment vocabulary. */
  --risk-critical: #8c1d1d;
  --risk-critical-surface: #fbeceb;
  --risk-high: #b4531a;
  --risk-high-surface: #fdf0e6;
  --risk-moderate: #96760f;
  --risk-moderate-surface: #fbf3dd;
  --risk-low: #1f6b4a;
  --risk-low-surface: #e8f3ee;
  --risk-info: var(--navy-600);
  --risk-info-surface: var(--navy-50);

  /* Semantic aliases — prefer these in components. */
  --text-strong: var(--navy-900);
  --text-body: var(--grey-700);
  --text-muted: var(--grey-500);
  --text-inverse: var(--white);
  --text-brand: var(--navy-700);
  --text-link: var(--navy-600);
  --text-link-hover: var(--navy-800);

  --surface-page: var(--grey-50);
  --surface-card: var(--white);
  --surface-sunken: var(--navy-50);
  --surface-brand: var(--navy-700);
  --surface-brand-deep: var(--navy-900);
  --surface-accent: var(--brass-100);

  --border-hairline: var(--grey-200);
  --border-default: var(--grey-300);
  --border-strong: var(--navy-700);
  --border-focus: var(--navy-500);

  --action-primary: var(--navy-700);
  --action-primary-hover: var(--navy-800);
  --action-primary-active: var(--navy-900);
  --action-secondary-hover: var(--navy-50);
  --action-disabled: var(--grey-200);
  --action-disabled-text: var(--grey-400);
}