/* ── Colors ──────────────────────────────────────────────────────────────
   Figueiró e Mastra: azul-marinho (navy) + aço/metálico (steel) + branco + cinza.
   Minimal, serious, restrained. A single cool accent (steel) does the work
   a "gold" would in the reference firms. No warm hues, no saturation spikes. */
:root {
  /* Base — navy family (primary brand) */
  --navy-900: #0b1626;   /* deepest ink-navy — near-black text on light */
  --navy-800: #10203a;   /* primary surface (dark panels, footer, hero) */
  --navy-700: #16294b;   /* raised navy */
  --navy-600: #1e355c;   /* hover on navy */
  --navy-500: #2b4674;   /* mid navy — links on light */

  /* Base — steel / metallic accent family */
  --steel-700: #4a5a70;  /* accent-strong (text-weight steel) */
  --steel-600: #64758c;  /* accent — the brand's single accent hue */
  --steel-500: #8492a6;  /* accent-muted */
  --steel-400: #a8b3c2;  /* metallic hairline-on-navy, decorative rules */
  --steel-300: #c6cedb;  /* faint steel */

  /* Base — neutral cool grays */
  --white:     #ffffff;
  --paper:     #f7f8fa;  /* off-white page background */
  --gray-050:  #f2f4f7;  /* surface tint / stat blocks */
  --gray-100:  #e6e9ef;  /* hairline borders, dividers */
  --gray-200:  #d3d9e2;  /* stronger border, disabled fill */
  --gray-300:  #b4bcc9;  /* placeholder art, disabled text-on-light */
  --gray-500:  #6b7480;  /* muted / secondary text */
  --gray-700:  #3b444f;  /* strong body text (not full ink) */
  --ink:       #1b2430;  /* default body text */

  /* Semantic status — desaturated, formal */
  --positive:  #2f6f5b;
  --positive-050: #e9f2ee;
  --caution:   #8a6a1e;
  --caution-050: #f4eede;
  --critical:  #8a2f2f;
  --critical-050: #f3e5e5;
  --info:      var(--navy-500);

  /* ── Semantic aliases (use these in components) ─────────────────────── */
  --color-bg:            var(--paper);
  --color-surface:       var(--white);
  --color-surface-sunk:  var(--gray-050);
  --color-surface-navy:  var(--navy-800);

  --text-strong:   var(--navy-900);
  --text-body:     var(--ink);
  --text-muted:    var(--gray-500);
  --text-on-navy:  var(--white);
  --text-on-navy-muted: var(--steel-400);
  --text-link:     var(--navy-500);
  --text-link-hover: var(--navy-700);

  --accent:            var(--steel-600);
  --accent-strong:     var(--steel-700);
  --accent-on-navy:    var(--steel-400);

  --border-hairline:   var(--gray-100);
  --border-default:    var(--gray-200);
  --border-strong:     var(--navy-800);
  --border-on-navy:    rgba(168,179,194,0.28);

  --focus-ring:        var(--steel-600);
  --overlay-navy:      rgba(11,22,38,0.58);   /* image protection scrim */
  --overlay-navy-soft: rgba(11,22,38,0.30);
}