/* BRITO 2.0 — Design tokens compartidos.
   Fase inicial: aditivo. No borra estilos 1.x. */
:root{
  --brito-v2-teal:#079A96;
  --brito-v2-teal-dark:#087F88;
  --brito-v2-navy:#0B2D48;
  --brito-v2-deep:#073B52;
  --brito-v2-bg:#F6F8FB;
  --brito-v2-surface:#FFFFFF;
  --brito-v2-text:#10233F;
  --brito-v2-muted:#627086;
  --brito-v2-cyan:#22D3EE;
  --brito-v2-violet:#8B5CF6;
  --brito-v2-coral:#FF5D62;
  --brito-v2-instrumental:#F5A623;
  --brito-v2-danger:#D83A4A;
  --brito-v2-success:#168A63;
  --brito-v2-radius-sm:12px;
  --brito-v2-radius-md:16px;
  --brito-v2-radius-lg:24px;
  --brito-v2-space-1:8px;
  --brito-v2-space-2:16px;
  --brito-v2-space-3:24px;
  --brito-v2-space-4:32px;
  --brito-v2-focus:0 0 0 3px rgba(7,154,150,.20);
}

:where(button,a,input,select,textarea):focus-visible{
  outline:2px solid var(--brito-v2-teal)!important;
  outline-offset:2px!important;
}

/* Clases puente para migrar páginas progresivamente sin reescribir todo. */
.brito-v2-surface{
  background:var(--brito-v2-surface);
  color:var(--brito-v2-text);
  border-radius:var(--brito-v2-radius-md);
}
.brito-v2-muted{color:var(--brito-v2-muted)}
.brito-v2-primary{color:var(--brito-v2-teal)}