/* CRM — Design tokens. Paleta corporativa: azul marino + azul de acción */
@import url('https://fonts.googleapis.com/css2?family=Sora:wght@500;600;700&family=Public+Sans:wght@400;500;600;700&display=swap');

:root{
  --font-heading:'Sora',system-ui,sans-serif;
  --font-body:'Public Sans',system-ui,sans-serif;

  --bg:#F4F6FA;
  --surface:#FFFFFF;
  --card:var(--surface);
  --border:#E2E7EF;
  --text:#0F1B2D;
  --muted:#5A6678;
  --faint:#8C97A8;

  --accent:#1E4FD6;
  --accent-d:#1841B3;
  --accent-l:#E8EEFC;

  --navy:#0B1A30;
  --navy-2:#12243F;

  --rojo:#DC2626;      --rojo-bg:#FDECEC;
  --amarillo:#D97706;  --amarillo-bg:#FDF1E2;
  --verde:#0E9F6E;     --verde-bg:#E6F6EF;
  --pausa:#475569;     --pausa-bg:#EEF1F5;
  --gris:#8C97A8;      --gris-bg:#F1F4F8;
  --row-hover:#F8FAFD;

  --cat-a:#C2410C; --cat-a-bg:#FDECE3;
  --cat-b:#15803D; --cat-b-bg:#E6F4EA;
  --cat-c:#BE185D; --cat-c-bg:#FCE7F0;

  --shadow:0 1px 2px rgba(15,27,45,.04),0 2px 8px rgba(15,27,45,.05);
  --shadow-lg:0 14px 36px rgba(15,27,45,.10);
  --shadow-dropdown:0 10px 28px rgba(15,27,45,.12);

  --r-sm:8px;
  --r:12px;
  --r-lg:16px;
  --r-pill:999px;

  --sp-1:4px; --sp-2:8px; --sp-3:12px; --sp-4:16px;
  --sp-5:20px; --sp-6:24px; --sp-7:28px; --sp-8:32px;

  --transition:all .15s ease;
  color-scheme:light;
}

:root[data-theme="dark"]{
  --bg:#0B1220;
  --surface:#121B2B;
  --card:var(--surface);
  --border:#243149;
  --text:#E6ECF5;
  --muted:#9AA8BC;
  --faint:#66758C;

  --accent:#5B8DEF;
  --accent-d:#7BA3F5;
  --accent-l:#16294A;

  --navy:#070E1A;
  --navy-2:#0F1A2E;

  --rojo:#F87171;      --rojo-bg:#3A1E20;
  --amarillo:#FBBF24;  --amarillo-bg:#3A2E10;
  --verde:#34D399;     --verde-bg:#123324;
  --pausa:#94A3B8;     --pausa-bg:#1E293B;
  --gris:#9AA8BC;      --gris-bg:#1A2436;
  --row-hover:rgba(255,255,255,0.035);

  --cat-a:#FB923C; --cat-a-bg:#3A2412;
  --cat-b:#4ADE80; --cat-b-bg:#123324;
  --cat-c:#F472B6; --cat-c-bg:#3A1830;

  --shadow:0 1px 2px rgba(0,0,0,.3),0 2px 10px rgba(0,0,0,.28);
  --shadow-lg:0 16px 40px rgba(0,0,0,.45);
  --shadow-dropdown:0 12px 30px rgba(0,0,0,.5);

  color-scheme:dark;
}