/* ============================================================
   NWT — tokens do Design System (docs/09-design-system.md)
   Arquivo central: cores, tipografia, espaçamento, raios e camadas.
   As telas consomem estes tokens (style.css) — não copiar cores literais.
   ============================================================ */

/* Inter (SIL OFL — ver ../fonts/Inter-LICENSE.txt), hospedada com o app */
@font-face {
    font-family: Inter;
    font-style: normal;
    font-display: swap;
    font-weight: 100 900;
    src: url("../fonts/inter-latin-wght-normal.woff2") format("woff2-variations"),
         url("../fonts/inter-latin-wght-normal.woff2") format("woff2");
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329,
        U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
    font-family: Inter;
    font-style: normal;
    font-display: swap;
    font-weight: 100 900;
    src: url("../fonts/inter-latin-ext-wght-normal.woff2") format("woff2-variations"),
         url("../fonts/inter-latin-ext-wght-normal.woff2") format("woff2");
    unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF,
        U+2113, U+2C60-2C7F, U+A720-A7FF;
}

:root {
    color-scheme: light;

    /* Marca e neutros */
    --nwt-brand-primary: #01458e;
    --nwt-brand-primary-hover: #003a78;
    --nwt-brand-primary-active: #002f62;
    --nwt-brand-cyan: #82d0f5;
    --nwt-brand-deep: #183061;
    --nwt-brand-magenta: #a21856;
    --nwt-bg: #f4f7fb;
    --nwt-surface: #fff;
    --nwt-surface-muted: #eef2f7;
    --nwt-border: #dce3ed;
    --nwt-control-border: #64748b;
    --nwt-text: #172033;
    --nwt-text-muted: #475569;
    --nwt-on-brand: #fff;
    --nwt-selected: #eaf2ff;

    /* Semânticas (texto/ícone · fundo suave) */
    --nwt-info-fg: #01458e;
    --nwt-info-bg: #eaf2ff;
    --nwt-success-fg: #166534;
    --nwt-success-bg: #dcfce7;
    --nwt-warning-fg: #92400e;
    --nwt-warning-bg: #fef3c7;
    --nwt-danger-fg: #991b1b;
    --nwt-danger-bg: #fee2e2;
    --nwt-neutral-fg: #475569;
    --nwt-neutral-bg: #eef2f7;
    --nwt-closed-fg: #3730a3;
    --nwt-closed-bg: #e0e7ff;

    /* Tipografia */
    --nwt-font: Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    --nwt-fs-page: 28px;
    --nwt-fs-page-mobile: 24px;
    --nwt-fs-section: 20px;
    --nwt-fs-body: 16px;
    --nwt-fs-ui: 14px;
    --nwt-fs-meta: 12px;

    /* Espaçamento */
    --nwt-space-1: 4px;
    --nwt-space-2: 8px;
    --nwt-space-3: 12px;
    --nwt-space-4: 16px;
    --nwt-space-6: 24px;
    --nwt-space-8: 32px;
    --nwt-space-12: 48px;
    --nwt-space-16: 64px;

    /* Formas e elevação */
    --nwt-radius-control: 8px;
    --nwt-radius-card: 12px;
    --nwt-radius-pill: 999px;
    --nwt-container: 1280px;
    --nwt-control-h: 44px;
    --nwt-shadow-popover: 0 8px 24px rgb(23 32 51 / 12%);
    --nwt-transition: 150ms;

    /* Camadas */
    --nwt-z-sticky: 10;
    --nwt-z-dropdown: 30;
    --nwt-z-backdrop: 40;
    --nwt-z-dialog: 50;
    --nwt-z-toast: 60;
}