/* trazo.lat — tokens unificados de Trazo (web, portal y app comparten estos valores).
   Claro por defecto; oscuro por prefers-color-scheme; html.light / html.dark (selector de
   3 estados, clave 'trazo_web_theme') ganan sobre el sistema. Los nombres siguen el
   contrato de la app (apps/web/src/styles/globals.css): --bg-base, --text-primary, etc.
   El bloque oscuro está dos veces (media query y .dark): si tocás uno, tocá el otro. */
:root{
  color-scheme:light;
  /* Marca (fijos, no cambian con el tema) */
  --brand-navy:#0C3A6B; --brand-electric:#185FA5; --brand-cyan:#00BDD6;
  --on-navy:#F1F5F9; --on-navy-2:#B9CCE2;

  /* Neutros con tinte azul */
  --bg-base:#F6F9FC; --bg-elevated:#FFFFFF; --bg-sunken:#EEF3F8;
  --text-primary:#13233A; --text-secondary:#3D4F66; --text-tertiary:#5B6B80;
  --border-subtle:#DCE5EF; --border-defined:#C5D2E0;
  --heading:#0C3A6B;

  /* Primario de marca Trazo */
  --color-primary:#185FA5; --color-primary-hover:#14508C; --color-primary-rgb:24,95,165;
  --text-on-primary:#FFFFFF;
  --accent-bg:#E5F8FB; --accent-ink:#06717F;

  /* Estados */
  --danger-ink:#B91C1C;
  --warn-bg:#FFFBEB; --warn-border:#D97706; --warn-ink:#92400E;
  --ok-dot:#059669; --warn-dot:#D97706;

  /* Etiqueta térmica (blanco y negro de impresión, apenas tintados) y marco del teléfono */
  --label-paper:#FBFAF6; --label-ink:#111318;
  --phone-frame:#0B1220; --phone-edge:#2A3547;
  --demo-glow:0 18px 40px rgba(12,58,107,.14);

  /* Radios */
  --r-sm:8px; --r-md:12px; --r-lg:16px; --r-xl:20px; --r-full:999px;
}
@media (prefers-color-scheme:dark){
  :root:not(.light){
    color-scheme:dark;
    --bg-base:#060B17; --bg-elevated:#0E1726; --bg-sunken:#030812;
    --text-primary:#F1F5F9; --text-secondary:#CBD5E1; --text-tertiary:#94A3B8;
    --border-subtle:rgba(148,163,184,.14); --border-defined:rgba(148,163,184,.24);
    --heading:#F1F5F9;
    --color-primary:#00BDD6; --color-primary-hover:#33CEE0; --color-primary-rgb:0,189,214;
    --text-on-primary:#041219;
    --accent-bg:rgba(0,189,214,.12); --accent-ink:#7FE8F5;
    --danger-ink:#FCA5A5;
    --warn-bg:rgba(251,191,36,.12); --warn-border:#FBBF24; --warn-ink:#FCD34D;
    --ok-dot:#34D399; --warn-dot:#FBBF24;
    --label-paper:#F4F2EC; --label-ink:#0E1015;
    --phone-frame:#1A2333; --phone-edge:#334155;
    --demo-glow:0 0 60px rgba(244,242,236,.10), 0 18px 40px rgba(0,0,0,.5);
  }
}
html.dark{
  color-scheme:dark;
  --bg-base:#060B17; --bg-elevated:#0E1726; --bg-sunken:#030812;
  --text-primary:#F1F5F9; --text-secondary:#CBD5E1; --text-tertiary:#94A3B8;
  --border-subtle:rgba(148,163,184,.14); --border-defined:rgba(148,163,184,.24);
  --heading:#F1F5F9;
  --color-primary:#00BDD6; --color-primary-hover:#33CEE0; --color-primary-rgb:0,189,214;
  --text-on-primary:#041219;
  --accent-bg:rgba(0,189,214,.12); --accent-ink:#7FE8F5;
  --danger-ink:#FCA5A5;
  --warn-bg:rgba(251,191,36,.12); --warn-border:#FBBF24; --warn-ink:#FCD34D;
  --ok-dot:#34D399; --warn-dot:#FBBF24;
  --label-paper:#F4F2EC; --label-ink:#0E1015;
  --phone-frame:#1A2333; --phone-edge:#334155;
  --demo-glow:0 0 60px rgba(244,242,236,.10), 0 18px 40px rgba(0,0,0,.5);
}