/*
Click nbfs://nbhost/SystemFileSystem/Templates/Licenses/license-default.txt to change this license
Click nbfs://nbhost/SystemFileSystem/Templates/Other/CascadeStyleSheet.css to edit this template
*/
/* 
    Created on : 3 de set. de 2026, 10:49:50
    Author     : glaub
*/


:root {

    --cor-azul: #063b73;
    --cor-azul-escuro: #03264b;
    --cor-azul-deep: #021a35;
    --cor-azul-secundario: #0b5594;
    --cor-dourado: #e69b24;
    --cor-dourado-claro: #f2b544;
    --cor-dourado-escuro: #bd7612;
    --cor-branco: #ffffff;

    --cor-cinza-100: #f7f8fa;
    --cor-cinza-200: #eef0f3;
    --cor-cinza-300: #dce0e5;
    --cor-cinza-400: #b8bec7;
    --cor-cinza-500: #7b838e;
    --cor-cinza-600: #535c68;
    --cor-cinza-700: #343c47;

    --cor-texto: #17202a;
    --cor-texto-secundario: #66717e;

    --cor-sucesso: #16a34a;
    --cor-sucesso-claro: #dcfce7;

    --cor-perigo: #dc2626;
    --cor-perigo-claro: #fee2e2;

    --cor-alerta: #e69b24;
    --cor-alerta-claro: #fff3d6;

    --cor-info: #0b72c9;
    --cor-info-claro: #e0f2fe;

    --fundo-app: #f3f5f8;
    --fundo-card: #ffffff;
    --fundo-azul: var(--cor-azul);
    --fundo-dark: var(--cor-azul-deep);

    --gradiente-azul:
        linear-gradient(
            135deg,
            #03264b 0%,
            #063b73 55%,
            #0b5594 100%
        );

    --gradiente-azul-invertido:
        linear-gradient(
            135deg,
            #0b5594 0%,
            #063b73 50%,
            #03264b 100%
        );

    --gradiente-dourado:
        linear-gradient(
            135deg,
            #bd7612 0%,
            #e69b24 50%,
            #f2b544 100%
        );

    --gradiente-destaque:
        linear-gradient(
            135deg,
            #e69b24 0%,
            #f2b544 100%
        );

    --borda-clara: #e2e6eb;
    --borda-media: #cbd1d8;

    --borda-azul:
        rgba(6, 59, 115, 0.18);

    --borda-dourada:
        rgba(230, 155, 36, 0.35);

    --sombra-pequena:
        0 2px 6px rgba(2, 26, 53, 0.08);

    --sombra-card:
        0 4px 14px rgba(2, 26, 53, 0.10);

    --sombra-elevada:
        0 8px 25px rgba(2, 26, 53, 0.14);

    --sombra-azul:
        0 6px 18px rgba(6, 59, 115, 0.22);

    --sombra-dourada:
        0 6px 18px rgba(230, 155, 36, 0.25);

    --radius-xs: 6px;
    --radius-sm: 8px;
    --radius-md: 12px;
    --radius-lg: 16px;
    --radius-xl: 20px;
    --radius-xxl: 24px;

    --radius-pill: 999px;

    --space-1: 4px;
    --space-2: 8px;
    --space-3: 12px;
    --space-4: 16px;
    --space-5: 20px;
    --space-6: 24px;
    --space-7: 28px;
    --space-8: 32px;
    --space-10: 40px;

    --fonte-principal:
        -apple-system,
        BlinkMacSystemFont,
        "Segoe UI",
        Roboto,
        Helvetica,
        Arial,
        sans-serif;

    --peso-normal: 400;
    --peso-medium: 500;
    --peso-semibold: 600;
    --peso-bold: 700;
    --peso-extra: 800;

    --texto-xs: 11px;
    --texto-sm: 13px;
    --texto-md: 15px;
    --texto-lg: 17px;
    --texto-xl: 20px;
    --texto-xxl: 24px;
    --texto-titulo: 28px;

    --transicao:
        0.2s ease;

    --transicao-rapida:
        0.15s ease;

    --transicao-lenta:
        0.3s ease;

    --botao-height: 46px;

    --input-height: 46px;

    --card-padding: 16px;

    --destaque: var(--cor-dourado);

    --acao: var(--cor-azul);

    --background: var(--fundo-app);

    --card: var(--fundo-card);

    --app-width: 430px;
    --app-height: 100dvh;
    --app-min-width: 320px;
    --app-padding: 16px;
    --app-background: #ffffff;
    --app-text: #111111;
    --app-radius: 0px;
}

.path-page {
    width: 100%;
    min-height: 100dvh;

    background: var(--background);

    padding-bottom: 90px;
}