/* Sistema visual: azul noche de red eléctrica + ámbar de señal.
   Ámbar = acción y dato clave. Los colores de estado solo codifican estados.
   Radios: paneles y diálogos 12px, botones y campos 8px, pastillas 999px. */
:root {
  --n0: #040c1d;   /* marco y menú */
  --n1: #071630;   /* lienzo */
  --n2: #0b1e3b;   /* panel */
  --n3: #102749;   /* elevado y hover */
  --n4: #16335e;   /* seleccionado */
  --n5: #1f4377;

  --line: rgba(150, 182, 228, .11);
  --line-2: rgba(150, 182, 228, .2);

  --fg1: #eff4fb;
  --fg2: #a9bbd6;
  --fg3: #7d92b3;

  --amber: #ffb020;
  --amber-hi: #ffc451;
  --amber-ink: #0a1f3d;
  --amber-soft: rgba(255, 176, 32, .12);

  --red: #f0717a;
  --green: #45d483;
  --blue: #6ea8ff;
  --teal: #3fd0c9;
  --slate: #a3b8da;

  --paper: #fff;
  --ink: #0d1726;
  --ink-2: #4a5870;
  --rule-paper: #dde4ee;

  --display: "Archivo", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --body: "Figtree", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --mono: "IBM Plex Mono", ui-monospace, "SF Mono", Menlo, Consolas, monospace;

  --ease-out: cubic-bezier(.23, 1, .32, 1);
  --ease-drawer: cubic-bezier(.32, .72, 0, 1);

  --r-s: 6px;
  --r-m: 8px;
  --r-l: 12px;

  --band-h: 26px;
  --top-h: 52px;
  --tab-h: 60px;
  --side-w: 252px;
  --side-rail: 58px;

  --shadow-pop: 0 18px 44px -14px rgba(0, 0, 0, .75), 0 2px 6px rgba(0, 0, 0, .25);

  color-scheme: dark;
  scrollbar-color: var(--n4) transparent;
  scrollbar-width: thin;
}

.st-nuevo { --c: var(--slate); }
.st-estudio { --c: var(--amber); }
.st-enviada { --c: var(--blue); }
.st-negociando { --c: var(--teal); }
.st-firmado { --c: var(--green); }
.st-perdido { --c: var(--red); }
.inv-dia { --c: var(--green); }
.inv-pend { --c: var(--amber); }
.inv-venc { --c: var(--red); }
.role-admin { --c: var(--amber); }
.role-com { --c: var(--blue); }
.role-part { --c: var(--teal); }