/* ============================================================
   tasApp — Paleta de colores Radix UI
   Basada en Radix Colors (radix-ui.com/colors)
   Dark mode + Light mode
   ============================================================ */

:root {
  /* ---- Base: Slate (neutro, profesional) ---- */
  --slate-1:  #fcfcfd;
  --slate-2:  #f9f9fb;
  --slate-3:  #f0f0f3;
  --slate-4:  #e8e8ec;
  --slate-5:  #e0e1e6;
  --slate-6:  #d9d9e0;
  --slate-7:  #cdced6;
  --slate-8:  #b9bbc6;
  --slate-9:  #8b8d98;
  --slate-10: #80828d;
  --slate-11: #62636c;
  --slate-12: #1e1e24;

  /* ---- Accent: Blue (coincide con #0070E0) ---- */
  --blue-1:   #fbfdff;
  --blue-2:   #f4faff;
  --blue-3:   #e6f4fe;
  --blue-4:   #d5efff;
  --blue-5:   #c2e5ff;
  --blue-6:   #aad8ff;
  --blue-7:   #87caff;
  --blue-8:   #4db5ff;
  --blue-9:   #0070E0;
  --blue-10:  #0066cc;
  --blue-11:  #005bb8;
  --blue-12:  #003162;

  /* ---- Verde (exito / saldo positivo) ---- */
  --green-1:  #fbfefc;
  --green-2:  #f2fcf5;
  --green-3:  #e3f9ed;
  --green-4:  #d1f3df;
  --green-5:  #bce9cf;
  --green-6:  #a1dcba;
  --green-7:  #7dc9a0;
  --green-8:  #49b07f;
  --green-9:  #2d9d6e;
  --green-10: #268e62;
  --green-11: #18794e;
  --green-12: #0f3d24;

  /* ---- Amber (warning / alertas) ---- */
  --amber-1:  #fefdfb;
  --amber-2:  #fef9ee;
  --amber-3:  #fef0d6;
  --amber-4:  #fce4b8;
  --amber-5:  #f9d493;
  --amber-6:  #f4bf6a;
  --amber-7:  #eba43e;
  --amber-8:  #e0821d;
  --amber-9:  #d97706;
  --amber-10: #c96d05;
  --amber-11: #b86004;
  --amber-12: #6f3a02;

  /* ---- Rojo (errores) ---- */
  --red-1:    #fffcfc;
  --red-2:    #fff8f7;
  --red-3:    #feeceb;
  --red-4:    #fddcdb;
  --red-5:    #fbc9c7;
  --red-6:    #f8b1ae;
  --red-7:    #f49390;
  --red-8:    #ee6b67;
  --red-9:    #e5484d;
  --red-10:   #d73c42;
  --red-11:   #c13136;
  --red-12:   #5c191c;
}

/* ---- DARK MODE ---- */
.dark {
  --slate-1:  #151718;
  --slate-2:  #1a1d1e;
  --slate-3:  #202425;
  --slate-4:  #26292b;
  --slate-5:  #2b2f31;
  --slate-6:  #313538;
  --slate-7:  #3a3f42;
  --slate-8:  #4c5155;
  --slate-9:  #697177;
  --slate-10: #787f85;
  --slate-11: #9ba1a6;
  --slate-12: #ecedee;

  --blue-1:   #0e1a25;
  --blue-2:   #11202f;
  --blue-3:   #0d2b44;
  --blue-4:   #093658;
  --blue-5:   #0a426b;
  --blue-6:   #0d5082;
  --blue-7:   #13619c;
  --blue-8:   #1a77b9;
  --blue-9:   #0070E0;
  --blue-10:  #3c9eff;
  --blue-11:  #70b8ff;
  --blue-12:  #c2e6ff;

  --green-1:  #0d1912;
  --green-2:  #111f17;
  --green-3:  #132b1d;
  --green-4:  #143623;
  --green-5:  #17422a;
  --green-6:  #1b5033;
  --green-7:  #21623d;
  --green-8:  #2a794b;
  --green-9:  #2d9d6e;
  --green-10: #42af7e;
  --green-11: #76cba0;
  --green-12: #b7e6cc;

  --amber-1:  #1c1406;
  --amber-2:  #211909;
  --amber-3:  #2b200b;
  --amber-4:  #36280d;
  --amber-5:  #423010;
  --amber-6:  #513b14;
  --amber-7:  #644818;
  --amber-8:  #7c591e;
  --amber-9:  #d97706;
  --amber-10: #e28a0c;
  --amber-11: #f5a623;
  --amber-12: #fdebb3;

  --red-1:    #1c1312;
  --red-2:    #231716;
  --red-3:    #2f1b1a;
  --red-4:    #3a1e1c;
  --red-5:    #462220;
  --red-6:    #552826;
  --red-7:    #6a302d;
  --red-8:    #853a37;
  --red-9:    #e5484d;
  --red-10:   #f25a5e;
  --red-11:   #ff8a87;
  --red-12:   #ffcdca;
}