/* ============================================================
   BPO Digital — Color tokens
   Navy-marinho brand system inspired by the BPO group (bpopix.com.br)
   ============================================================ */

:root {
  /* ---- Navy (marinho) — the core brand scale ---- */
  --navy-950: #070C18;
  --navy-900: #0A1020; /* base ink — matches group theme-color */
  --navy-800: #0E1A38;
  --navy-700: #122A5C;
  --navy-600: #16357B; /* marinho — primary brand */
  --navy-500: #1E489E;
  --navy-400: #2E63C9;
  --navy-300: #5B8AE0;
  --navy-200: #9DBBEE;
  --navy-100: #D6E3F8;
  --navy-50:  #EEF4FD;

  /* ---- Azure — electric accent for CTAs & highlights ---- */
  --azure-700: #1749C2;
  --azure-600: #1E5CF0;
  --azure-500: #2F6BFF; /* accent */
  --azure-400: #5A8CFF;
  --azure-300: #93B4FF;
  --azure-200: #C4D6FF;
  --azure-100: #E6EEFF;

  /* ---- Neutral — cool, blue-tinted grays ---- */
  --gray-950: #0B0F17;
  --gray-900: #151B26;
  --gray-800: #232C3B;
  --gray-700: #33415C;
  --gray-600: #4E5D78;
  --gray-500: #6B7A93;
  --gray-400: #93A0B5;
  --gray-300: #C0C9D8;
  --gray-200: #DDE3EC;
  --gray-100: #EDF1F7;
  --gray-50:  #F6F8FC;
  --white:    #FFFFFF;

  /* ---- Semantic signal colors ---- */
  --success-600: #128A5A;
  --success-500: #1FA971;
  --success-100: #DBF3E8;

  --warning-600: #C67C13;
  --warning-500: #E0A030;
  --warning-100: #FBEFD5;

  --danger-600:  #C5333A;
  --danger-500:  #E5484D;
  --danger-100:  #FBE0E1;

  /* ============================================================
     Semantic aliases — reference these in product UI
     ============================================================ */

  /* Surfaces (light context — default for product UI) */
  --surface-page:   #F6F8FC;
  --surface-card:   #FFFFFF;
  --surface-sunken: #EEF2F9;
  --surface-hover:  #F1F5FB;

  /* Surfaces (ink context — hero / brand sections) */
  --surface-ink:    var(--navy-900);
  --surface-ink-2:  var(--navy-800);
  --surface-ink-3:  var(--navy-700);

  /* Brand */
  --brand:          var(--navy-600);
  --brand-strong:   var(--navy-700);
  --brand-ink:      var(--navy-900);
  --accent:         var(--azure-500);
  --accent-strong:  var(--azure-600);

  /* Text — on light */
  --text-strong: var(--navy-900);
  --text-title:  var(--navy-800);
  --text-body:   var(--gray-700);
  --text-muted:  var(--gray-500);
  --text-link:   var(--azure-600);

  /* Text — on ink */
  --text-on-ink:        #EAF1FB;
  --text-on-ink-muted:  #9DB0D0;
  --text-on-brand:      #FFFFFF;

  /* Borders */
  --border-subtle: #E4EAF3;
  --border-default:#D3DDEC;
  --border-strong: #BCC9DE;
  --border-ink:    rgba(255, 255, 255, 0.12);

  /* Focus */
  --focus-ring: var(--azure-500);
}