/* ============================================================
   iBudget design tokens — fonte de verdade de toda a UI.
   Identidade: azuis profundos (rigor), verde reservado à
   aprovação e ao dinheiro, vermelho recusa. Tema claro em :root;
   tema escuro via [data-theme="dark"] ou preferência do sistema.
   ============================================================ */

:root {
    /* Superfícies e texto (névoa + tinta da marca) */
    --c-bg: #F5F8FA;
    --c-surface: #FFFFFF;
    --c-surface-2: #FAFCFD;
    --c-text: #22313D;
    --c-text-2: #64798A;
    --c-text-3: #93A5B3;
    --c-hairline: rgba(14, 53, 82, 0.10);
    --c-hairline-strong: rgba(14, 53, 82, 0.18);

    /* Acento (azul atlântico) */
    --c-accent: #14476B;
    --c-accent-soft: rgba(20, 71, 107, 0.10);

    /* Botões */
    --c-btn-bg: #14476B;
    --c-btn-text: #FFFFFF;
    --c-btn-2-bg: rgba(14, 53, 82, 0.06);
    --c-btn-2-text: #14476B;
    --c-danger: #C0452C;
    --c-danger-soft: rgba(192, 69, 44, 0.12);

    /* Estados de orçamento (pills — vocabulário da marca) */
    --c-pendente-bg: #E3EEF7;
    --c-pendente-text: #14476B;
    --c-aceite-bg: #E2F5EC;
    --c-aceite-text: #1F9D66;
    --c-rejeitado-bg: #F9E9E4;
    --c-rejeitado-text: #C0452C;
    --c-entrega-bg: #EDF1F5;
    --c-entrega-text: #64798A;

    /* Barras translúcidas (frosted glass) */
    --c-bar: rgba(245, 248, 250, 0.82);
    --c-bar-border: rgba(14, 53, 82, 0.08);

    /* Sombras em camadas, tingidas de azul */
    --shadow-card: 0 1px 2px rgba(14, 53, 82, 0.05), 0 4px 16px rgba(14, 53, 82, 0.07);
    --shadow-sheet: 0 -8px 40px rgba(14, 53, 82, 0.20);
    --shadow-pop: 0 8px 40px rgba(14, 53, 82, 0.24);

    /* Raios */
    --r-card: 18px;
    --r-field: 12px;
    --r-pill: 999px;

    /* Espaçamento (escala 4px) */
    --sp-1: 4px;  --sp-2: 8px;  --sp-3: 12px;  --sp-4: 16px;
    --sp-5: 20px; --sp-6: 24px; --sp-8: 32px;  --sp-10: 40px;

    /* Tipografia */
    --font-sans: "Inter", -apple-system, "SF Pro Text", "Segoe UI Variable", "Segoe UI", Roboto, sans-serif;
    --fs-large-title: 28px;
    --fs-title: 22px;
    --fs-headline: 17px;
    --fs-body: 17px;
    --fs-sub: 15px;
    --fs-caption: 13px;
    --fs-micro: 11px;

    /* Movimento */
    --t-fast: 150ms;
    --t-med: 220ms;
    --ease: cubic-bezier(0.25, 0.1, 0.25, 1);

    /* Layout */
    --tabbar-h: 56px;
    --topbar-h: 52px;
    --content-max: 760px;

    color-scheme: light;
}

/* -------- Tema escuro (tokens partilhados via mixin manual) -------- */
/* Aplicado quando o utilizador escolhe Escuro… */
:root[data-theme="dark"] {
    --c-bg: #0A1620;
    --c-surface: #12222F;
    --c-surface-2: #182B3A;
    --c-text: #EDF3F8;
    --c-text-2: #93A7B8;
    --c-text-3: #5F7485;
    --c-hairline: rgba(255, 255, 255, 0.09);
    --c-hairline-strong: rgba(255, 255, 255, 0.16);

    --c-accent: #7FB4DC;
    --c-accent-soft: rgba(127, 180, 220, 0.14);

    --c-btn-bg: #2470A8;
    --c-btn-text: #FFFFFF;
    --c-btn-2-bg: rgba(255, 255, 255, 0.09);
    --c-btn-2-text: #EDF3F8;
    --c-danger: #E0705A;
    --c-danger-soft: rgba(224, 112, 90, 0.16);

    --c-pendente-bg: #14314A;
    --c-pendente-text: #8FC1E9;
    --c-aceite-bg: #123626;
    --c-aceite-text: #3ECF8E;
    --c-rejeitado-bg: #3A1A12;
    --c-rejeitado-text: #F0A18E;
    --c-entrega-bg: #1B2833;
    --c-entrega-text: #9FB4C4;

    --c-bar: rgba(10, 22, 32, 0.78);
    --c-bar-border: rgba(255, 255, 255, 0.08);

    --shadow-card: 0 1px 2px rgba(0, 0, 0, 0.4), 0 4px 20px rgba(0, 0, 0, 0.45);
    --shadow-sheet: 0 -8px 40px rgba(0, 0, 0, 0.6);
    --shadow-pop: 0 8px 40px rgba(0, 0, 0, 0.65);

    color-scheme: dark;
}

/* …ou quando o sistema está escuro e não há escolha manual de Claro */
@media (prefers-color-scheme: dark) {
    :root:not([data-theme="light"]):not([data-theme="dark"]) {
        --c-bg: #0A1620;
        --c-surface: #12222F;
        --c-surface-2: #182B3A;
        --c-text: #EDF3F8;
        --c-text-2: #93A7B8;
        --c-text-3: #5F7485;
        --c-hairline: rgba(255, 255, 255, 0.09);
        --c-hairline-strong: rgba(255, 255, 255, 0.16);

        --c-accent: #7FB4DC;
        --c-accent-soft: rgba(127, 180, 220, 0.14);

        --c-btn-bg: #2470A8;
        --c-btn-text: #FFFFFF;
        --c-btn-2-bg: rgba(255, 255, 255, 0.09);
        --c-btn-2-text: #EDF3F8;
        --c-danger: #E0705A;
        --c-danger-soft: rgba(224, 112, 90, 0.16);

        --c-pendente-bg: #14314A;
        --c-pendente-text: #8FC1E9;
        --c-aceite-bg: #123626;
        --c-aceite-text: #3ECF8E;
        --c-rejeitado-bg: #3A1A12;
        --c-rejeitado-text: #F0A18E;
        --c-entrega-bg: #1B2833;
        --c-entrega-text: #9FB4C4;

        --c-bar: rgba(10, 22, 32, 0.78);
        --c-bar-border: rgba(255, 255, 255, 0.08);

        --shadow-card: 0 1px 2px rgba(0, 0, 0, 0.4), 0 4px 20px rgba(0, 0, 0, 0.45);
        --shadow-sheet: 0 -8px 40px rgba(0, 0, 0, 0.6);
        --shadow-pop: 0 8px 40px rgba(0, 0, 0, 0.65);

        color-scheme: dark;
    }
}