/* ============================================================
   BNC · Color tokens
   Banco Nacional de Crédito — commercial web
   Brand: Orange (primary) · Navy blue (secondary) · Green (tertiary)
   Neutral scale + status colors follow the BNC Figma library.
   ============================================================ */

:root {
  /* ---- Base ---- */
  --bnc-white: #ffffff;
  --bnc-black: #000000;
  --bnc-transparent: rgba(255, 255, 255, 0);

  /* ---- Primary · Orange (brand) ---- */
  --bnc-orange-25:  #fff9f6;
  --bnc-orange-50:  #ffede5;
  --bnc-orange-100: #ffdccc;
  --bnc-orange-200: #ffb999;
  --bnc-orange-300: #fe9666;
  --bnc-orange-400: #fe7333;
  --bnc-orange-500: #fe5000;   /* core brand orange */
  --bnc-orange-600: #cb4000;
  --bnc-orange-700: #983000;
  --bnc-orange-800: #662000;
  --bnc-orange-900: #331000;

  /* ---- Secondary · Navy blue ---- */
  --bnc-blue-25:  #84afff;
  --bnc-blue-50:  #77a1ef;
  --bnc-blue-100: #6a92de;
  --bnc-blue-200: #4f76bd;
  --bnc-blue-300: #35599d;
  --bnc-blue-400: #1a3d7c;
  --bnc-blue-500: #00205b;   /* core navy */
  --bnc-blue-600: #001a49;
  --bnc-blue-700: #001337;
  --bnc-blue-800: #000d24;
  --bnc-blue-900: #000612;
  --bnc-blue-logo: #001c4d;  /* exact navy used in the BNC wordmark */

  /* ---- Tertiary · Green (brand) ---- */
  --bnc-green-25:  #bfffd7;
  --bnc-green-50:  #acf4c7;
  --bnc-green-100: #99eab7;
  --bnc-green-200: #73d598;
  --bnc-green-300: #4cc078;
  --bnc-green-400: #26ab59;
  --bnc-green-500: #009639;   /* core brand green (logo "C") */
  --bnc-green-600: #00782e;
  --bnc-green-700: #005a22;
  --bnc-green-800: #003c17;
  --bnc-green-900: #001e0b;

  /* ---- Neutral · Gray ---- */
  --bnc-gray-25:  #fdfdfd;
  --bnc-gray-50:  #fafafa;
  --bnc-gray-100: #f5f5f5;
  --bnc-gray-200: #e9eaeb;
  --bnc-gray-300: #d5d7da;
  --bnc-gray-400: #a4a7ae;
  --bnc-gray-500: #717680;
  --bnc-gray-600: #535862;
  --bnc-gray-700: #414651;
  --bnc-gray-750: #333845;
  --bnc-gray-800: #252b37;
  --bnc-gray-900: #181d27;
  --bnc-gray-950: #0a0d12;

  /* ---- Status · Success (green) ---- */
  --bnc-success-25:  #f6fef9;
  --bnc-success-50:  #ecfdf3;
  --bnc-success-100: #dcfae6;
  --bnc-success-200: #abefc6;
  --bnc-success-300: #75e0a7;
  --bnc-success-400: #47cd89;
  --bnc-success-500: #17b26a;
  --bnc-success-600: #079455;
  --bnc-success-700: #067647;
  --bnc-success-800: #085d3a;
  --bnc-success-900: #074d31;

  /* ---- Status · Warning (amber) ---- */
  --bnc-warning-25:  #fffcf5;
  --bnc-warning-50:  #fffaeb;
  --bnc-warning-100: #fef0c7;
  --bnc-warning-200: #fedf89;
  --bnc-warning-300: #fec84b;
  --bnc-warning-400: #fdb022;
  --bnc-warning-500: #f79009;
  --bnc-warning-600: #dc6803;
  --bnc-warning-700: #b54708;
  --bnc-warning-800: #93370d;
  --bnc-warning-900: #7a2e0e;

  /* ---- Status · Error (red) ---- */
  --bnc-error-25:  #fffbfa;
  --bnc-error-50:  #fef3f2;
  --bnc-error-100: #fee4e2;
  --bnc-error-200: #fecdca;
  --bnc-error-300: #fda29b;
  --bnc-error-400: #f97066;
  --bnc-error-500: #f04438;
  --bnc-error-600: #d92d20;
  --bnc-error-700: #b42318;
  --bnc-error-800: #912018;
  --bnc-error-900: #7a271a;

  /* ---- Brand gradients ---- */
  --bnc-gradient-orange: linear-gradient(45deg, #fe5001 0%, #ff6e01 50%, #ff8500 100%); /* @kind other */
  --bnc-gradient-orange-warm: linear-gradient(151deg, #fe5001 0%, #ff6e01 40%, #ff8500 70%, #f9c533 100%); /* @kind other */
  --bnc-gradient-blue: linear-gradient(45deg, #000d24 0%, #00205b 60%, #1a3d7c 100%); /* @kind other */
  --bnc-gradient-blue-deep: linear-gradient(45deg, #000612 0%, #00205b 100%); /* @kind other */
  --bnc-gradient-neutral-dark: linear-gradient(45deg, #181d27 0%, #535862 100%); /* @kind other */
  --bnc-gradient-page: linear-gradient(180deg, #ffffff 0%, #f3f5f7 100%); /* @kind other */
}