/* MXD Engenharia — Color system
   Technical blue over warm cream. Sober, editorial, credible. */

:root {
  /* ---- Cream / paper (canvas) ---- */
  --cream-50:  #FBF8F2;  /* lightest paper, raised surfaces */
  --cream-100: #F5F0E6;  /* base canvas */
  --cream-200: #ECE5D6;  /* subtle panel fill */
  --cream-300: #E0D7C4;  /* hairline on cream */

  /* ---- Technical blue (primary) ---- */
  --blue-900: #0E2840;  /* deepest navy — headers, footer */
  --blue-800: #123553;
  --blue-700: #16456C;  /* primary surface */
  --blue-600: #1C5687;  /* primary action */
  --blue-500: #2A6CA6;  /* accent / link */
  --blue-300: #8FB2CF;  /* muted accent on dark */
  --blue-100: #DCE7F1;  /* tint fill */
  --blue-50:  #EDF3F8;  /* faint tint */

  /* ---- Ink (neutral text) ---- */
  --ink-900: #131D27;  /* primary text on cream */
  --ink-700: #2C3A47;
  --ink-500: #51606D;  /* secondary text */
  --ink-400: #74818D;  /* muted / captions */
  --ink-200: #C5C0B4;  /* disabled */

  /* ---- Lines ---- */
  --line-warm: #DED5C4;  /* hairline on cream */
  --line-cool: #21496B;  /* hairline on blue */

  /* ---- Semantic (muted, legal-sober) ---- */
  --green-600: #2F6B4F;  /* concluído / válido */
  --green-50:  #E6F0EA;
  --amber-600: #9A6B1E;  /* atenção / pendente */
  --amber-50:  #F6EEDD;
  --red-600:   #9E3B34;  /* vício / indeferido */
  --red-50:    #F3E4E2;

  /* ---- Semantic aliases ---- */
  --bg-canvas:       var(--cream-100);
  --bg-raised:       var(--cream-50);
  --bg-panel:        var(--cream-200);
  --bg-inverse:      var(--blue-900);
  --bg-accent-soft:  var(--blue-50);

  --text-primary:    var(--ink-900);
  --text-secondary:  var(--ink-500);
  --text-muted:      var(--ink-400);
  --text-inverse:    var(--cream-50);
  --text-link:       var(--blue-600);

  --action-primary:        var(--blue-600);
  --action-primary-hover:  var(--blue-700);
  --action-primary-press:  var(--blue-800);

  --border-default:  var(--line-warm);
  --border-strong:   var(--ink-200);
  --border-accent:   var(--blue-600);

  --surface-card:    var(--cream-50);
  --focus-ring:      var(--blue-500);
}