/* BASTIUM CRM - sistema de diseno "Cristal orbital".
   Unica fuente de verdad para color, espacio, tipografia, cristal y movimiento.
   Ningun otro fichero escribe valores de color a mano. */

:root {
  /* ---- Marca ---- */
  --marca-pizarra: #2f3e4f;      /* azul pizarra del capitel Bastium */
  --marca-noche:   #1e2a38;
  --marca-hueso:   #f2f3f5;

  /* ---- Fondo espacial ---- */
  --fondo-0: #05070e;            /* vacio profundo */
  --fondo-1: #080c16;
  --fondo-2: #0c1220;
  --nebulosa-a: rgba(74, 118, 196, .22);
  --nebulosa-b: rgba(122, 92, 170, .16);
  --nebulosa-c: rgba(30, 42, 56, .55);

  /* ---- Acentos ---- */
  --acento: #6e9be8;             /* azul plasma, accion principal */
  --acento-claro: #9dc0ff;
  --acento-hondo: #3f6fc4;
  --acento-tenue: rgba(110, 155, 232, .14);
  --oro: #d9b87c;                /* dinero, objetivos, ganado */
  --oro-tenue: rgba(217, 184, 124, .14);

  /* ---- Semanticos ---- */
  --bien: #5fcf9b;
  --bien-tenue: rgba(95, 207, 155, .14);
  --alerta: #e6b455;
  --alerta-tenue: rgba(230, 180, 85, .14);
  --mal: #e8705f;
  --mal-tenue: rgba(232, 112, 95, .14);
  --frio: #7fb6e8;
  --templado: #e6b455;
  --caliente: #e8705f;

  /* ---- Texto ---- */
  --texto: #eaf0fb;
  --texto-2: #b9c5da;
  --texto-3: #8494ad;
  --texto-4: #5f6f88;
  --texto-sobre-acento: #061020;

  /* ---- Cristal ---- */
  --cristal: rgba(255, 255, 255, .045);
  --cristal-2: rgba(255, 255, 255, .07);
  --cristal-3: rgba(255, 255, 255, .11);
  --cristal-hondo: rgba(6, 10, 20, .55);
  --borde: rgba(255, 255, 255, .10);
  --borde-fuerte: rgba(255, 255, 255, .18);
  --borde-luz: rgba(255, 255, 255, .28);   /* filo superior iluminado */
  --desenfoque: blur(22px) saturate(140%);
  --desenfoque-suave: blur(12px) saturate(125%);

  /* ---- Sombras ---- */
  --sombra-1: 0 1px 2px rgba(0, 0, 0, .30), 0 8px 24px rgba(0, 0, 0, .28);
  --sombra-2: 0 2px 6px rgba(0, 0, 0, .34), 0 18px 48px rgba(0, 0, 0, .40);
  --sombra-3: 0 8px 20px rgba(0, 0, 0, .42), 0 40px 90px rgba(0, 0, 0, .55);
  --sombra-arrastre: 0 24px 60px rgba(0, 0, 0, .60), 0 0 0 1px var(--borde-fuerte);
  --brillo-acento: 0 0 0 1px rgba(110, 155, 232, .45), 0 8px 30px rgba(63, 111, 196, .30);

  /* ---- Radios ---- */
  --r-xs: 6px;
  --r-s: 10px;
  --r-m: 14px;
  --r-l: 20px;
  --r-xl: 28px;
  --r-redondo: 999px;

  /* ---- Espacio (escala de 4) ---- */
  --e-1: 4px;
  --e-2: 8px;
  --e-3: 12px;
  --e-4: 16px;
  --e-5: 20px;
  --e-6: 24px;
  --e-7: 32px;
  --e-8: 40px;
  --e-9: 56px;
  --e-10: 72px;

  /* ---- Tipografia (pila del sistema, sin fuentes remotas) ---- */
  --fuente: "Segoe UI Variable Text", "Segoe UI", -apple-system, BlinkMacSystemFont, Inter, Roboto, system-ui, sans-serif;
  --fuente-display: "Segoe UI Variable Display", "Segoe UI Semibold", "Segoe UI", -apple-system, system-ui, sans-serif;
  --fuente-mono: "Cascadia Mono", "Cascadia Code", "JetBrains Mono", Consolas, "SF Mono", ui-monospace, monospace;

  --t-micro: 10.5px;
  --t-xs: 11.5px;
  --t-s: 12.5px;
  --t-m: 14px;
  --t-l: 16px;
  --t-xl: 20px;
  --t-2xl: 26px;
  --t-3xl: 34px;
  --t-4xl: 46px;

  --peso-normal: 400;
  --peso-medio: 500;
  --peso-fuerte: 600;
  --peso-negro: 700;

  --interlinea: 1.55;
  --interlinea-titulo: 1.15;
  --espaciado-titulo: .14em;   /* versalitas de marca */
  --espaciado-etiqueta: .10em;

  /* ---- Movimiento ---- */
  --curva: cubic-bezier(.2, .7, .3, 1);
  --curva-salida: cubic-bezier(.4, 0, .2, 1);
  --v-rapida: 140ms;
  --v-normal: 200ms;
  --v-lenta: 320ms;

  /* ---- Estructura de la aplicacion ---- */
  --lateral: 232px;
  --lateral-plegado: 68px;
  --cabecera: 62px;
  --z-fondo: 0;
  --z-contenido: 10;
  --z-lateral: 30;
  --z-cabecera: 40;
  --z-flotante: 60;
  --z-modal: 80;
  --z-aviso: 100;
  --z-arrastre: 90;
}

/* Colores de etapa por defecto: la interfaz usa el color guardado en cada etapa,
   estas variables son el respaldo cuando una etapa no trae color. */
:root {
  --etapa-1: #7fb6e8;
  --etapa-2: #6e9be8;
  --etapa-3: #8e8fe0;
  --etapa-4: #b98ddc;
  --etapa-5: #d9b87c;
  --etapa-ganada: #5fcf9b;
  --etapa-perdida: #e8705f;
}

@media (prefers-reduced-motion: reduce) {
  :root {
    --v-rapida: 1ms;
    --v-normal: 1ms;
    --v-lenta: 1ms;
  }
}