/* Páginas legales de Cresko (app de socios): reasigna los tokens de portal.css a la
   paleta de la app (miembros/lib/app/config/tema_cresko.dart) y usa su tipografía,
   Plus Jakarta Sans. Claro por defecto; oscuro si el teléfono lo pide. */
@font-face { font-family: "Plus Jakarta Sans"; font-style: normal; font-display: swap; font-weight: 400; src: url("jakarta-regular.woff") format("woff"); }
@font-face { font-family: "Plus Jakarta Sans"; font-style: normal; font-display: swap; font-weight: 600 700; src: url("jakarta-semibold.woff") format("woff"); }
@font-face { font-family: "Plus Jakarta Sans"; font-style: normal; font-display: swap; font-weight: 800; src: url("jakarta-extrabold.woff") format("woff"); }

:root {
  --fondo: #F4F5F7;
  --barra: #FFFFFF;
  --campo: #FFFFFF;
  --superficie: #FFFFFF;
  --tarjeta: #E6F6F4;
  --superficie-alta: #EEF0F3;
  --borde: #E1E4E9;
  --borde-control: #9AA3B0;
  --texto: #111318;
  --texto-sec: #5F6672;
  --texto-cuerpo: #3A404B;
  --texto-place: #9AA3B0;
  --primario: #0B7A70;
  --primario-texto: #0B7A70;
  --primario-tinte: #D3EFEC;
  --exito: #0B7A70;
  --error: #C62845;
  --error-suave: #B3213D;
  color-scheme: light;
}
@media (prefers-color-scheme: dark) {
  :root {
    --fondo: #0E161E;
    --barra: #121B24;
    --campo: #121B24;
    --superficie: #16202A;
    --tarjeta: #0F2C29;
    --superficie-alta: #1D2833;
    --borde: #25313C;
    --borde-control: #5E6B78;
    --texto: #E7EBEF;
    --texto-sec: #9BA6B2;
    --texto-cuerpo: #C9D1DA;
    --texto-place: #5E6B78;
    --primario: #0B7A70;
    --primario-texto: #3CC2B3;
    --primario-tinte: #0F2A27;
    --exito: #15A092;
    --error: #F43F5E;
    --error-suave: #F87171;
    color-scheme: dark;
  }
}

html, body { font-family: "Plus Jakarta Sans", "Segoe UI", system-ui, -apple-system, sans-serif; }
.barra { background: var(--barra); }
.marca { font-weight: 800; letter-spacing: -.01em; }
.marca__logo { border-radius: 9px; }
.legal h1 { font-weight: 800; letter-spacing: -.02em; }
.legal h2 { font-weight: 700; }
.legal p, .legal li { color: var(--texto-cuerpo); }
.legal .tarjeta { border-color: transparent; }
.legal strong { color: var(--texto); }
.boton--peligro { background: #C62845; }