/* ============================================================
   MN Soluções — Color tokens
   Derived from the MN lightbulb-gear logo gradient
   (deep navy → royal blue → bright cyan) and the brand's
   dark-poster / clean-white social material.
   ============================================================ */
:root {
  /* ---- Brand core ---- */
  --brand-navy-900: #0A1E3A; /* deepest poster navy */
  --brand-navy-800: #0E2747;
  --brand-navy-700: #133662;
  --brand-blue-600: #1657A6; /* deep royal */
  --brand-blue-500: #1C6FC0; /* PRIMARY brand blue */
  --brand-blue-400: #2E86D8;
  --brand-cyan-500: #29ABE2; /* bright accent cyan */
  --brand-cyan-400: #45BEEE;
  --brand-cyan-300: #8FD7F4;

  /* Signature logo gradient */
  --brand-gradient: linear-gradient(135deg, #13294B 0%, #1C6FC0 52%, #29ABE2 100%); /* @kind color */
  --brand-gradient-soft: linear-gradient(135deg, #1C6FC0 0%, #29ABE2 100%); /* @kind color */
  --brand-gradient-dark: linear-gradient(160deg, #0A1E3A 0%, #102A4C 60%, #14406F 100%); /* @kind color */

  /* ---- Neutrals (cool gray, tuned to the logo's slate text) ---- */
  --gray-0:  #FFFFFF;
  --gray-50: #F5F8FB;
  --gray-100:#EAEFF5;
  --gray-200:#D8E0EA;
  --gray-300:#BDC8D6;
  --gray-400:#94A3B4;
  --gray-500:#6C7C8E; /* "Soluções em Engenharia" slate */
  --gray-600:#506072;
  --gray-700:#3A4757;
  --gray-800:#27313E;
  --gray-900:#161C25;

  /* ---- Semantic status ---- */
  --green-500: #1FA463; /* concluído / aprovado */
  --green-50:  #E6F6EE;
  --amber-500: #E8A317; /* em andamento / atenção */
  --amber-50:  #FCF3DE;
  --red-500:   #D8463C; /* reprovado / risco */
  --red-50:    #FBE9E7;
  --info-500:  #2E86D8;
  --info-50:   #E5F0FB;

  /* ============================================================
     SEMANTIC ALIASES — use these in components
     ============================================================ */
  --color-primary:        var(--brand-blue-500);
  --color-primary-hover:  var(--brand-blue-600);
  --color-primary-active: #124A8C;
  --color-accent:         var(--brand-cyan-500);

  --text-strong:   var(--brand-navy-800);
  --text-body:     var(--gray-700);
  --text-muted:    var(--gray-500);
  --text-faint:    var(--gray-400);
  --text-on-brand: var(--gray-0);
  --text-link:     var(--brand-blue-500);

  --surface-page:    var(--gray-50);
  --surface-card:    var(--gray-0);
  --surface-sunken:  var(--gray-100);
  --surface-inverse: var(--brand-navy-800);
  --surface-brand:   var(--brand-blue-500);

  --border-subtle:  var(--gray-200);
  --border-default: var(--gray-300);
  --border-strong:  var(--gray-400);
  --focus-ring:     var(--brand-cyan-400);
}