/* ---- origem: templates/registration/login.html (UI-03, migração mecânica).
   UI-04 L3: a tela sai do slate (Tailwind) e entra no tema claro da casa,
   só com tokens de static/css/tokens.css — layout intocado. ---- */

    body { font-family: system-ui, sans-serif; background: var(--s1-fundo); color: var(--s1-tinta);
           display: flex; min-height: 100vh; align-items: center; justify-content: center; margin: 0; }
    .card { background: var(--superficie); border: 1px solid var(--s1-borda); padding: 2rem 2.5rem;
            border-radius: 12px; width: 320px; box-shadow: var(--sombra-popover); }
    h1 { font-size: 1.1rem; margin: 0 0 1.25rem; color: var(--s1-verde-700); }
    label { display: block; font-size: .8rem; margin: .75rem 0 .25rem; color: var(--cinza-700); }
    input { width: 100%; padding: .55rem .65rem; border-radius: 8px; border: 1px solid var(--s1-borda-forte);
            background: var(--superficie); color: var(--s1-tinta); box-sizing: border-box; }
    input:focus-visible { outline: 2px solid var(--foco); outline-offset: 1px; }
    button { margin-top: 1.25rem; width: 100%; padding: .6rem; border: 0; border-radius: 8px;
             background: var(--s1-verde-700); color: var(--superficie); font-weight: 600; cursor: pointer; }
    button:hover { background: var(--verde-900); }
    .err { color: var(--erro-texto); font-size: .8rem; margin-top: .75rem; }