/*
 * Atlas — tokens de design
 * Paleta do Atlas desktop (Atlas-Avalonia/App.axaml e Views): azul #303D94, hover #1E2B82,
 * cabeçalho #000C57. O azul é o mesmo nos dois temas; só as superfícies mudam.
 */
:root {
    /* ---------- Base ---------- */
    --background: #F0F1F7;
    --foreground: #151A2E;
    --card: #FFFFFF;
    --card-foreground: #151A2E;
    --popover: #FFFFFF;
    --popover-foreground: #151A2E;

    /* ---------- Marca (azul Atlas) ---------- */
    --primary: #303D94;
    --primary-foreground: #FFFFFF;
    --primary-strong: #303D94;   /* texto/ícones na cor da marca sobre superfícies claras */
    --primary-soft: #DCE2FF;     /* seleção, badges */
    --primary-subtle: #F0F2FC;   /* item ativo, hover suave */
    --primary-soft-foreground: #1E2B82; /* texto sobre --primary-soft/--primary-subtle */

    --secondary: #1E2B82;        /* hover do botão primário */
    --secondary-foreground: #FFFFFF;

    --accent: #DCE2FF;
    --accent-foreground: #1E2B82;

    --link: var(--primary-strong);

    /* ---------- Marca ---------- */
    --ink: #000C57;              /* cor fixa da marca, igual nos dois temas */
    --superficie-ink: #000C57;   /* blocos escuros da interface: hero, avisos, dicas */
    --marca-simbolo: #303D94;    /* símbolo do Atlas na navbar */
    --primary-sobre-ink: #A9B4FF; /* azul claro para texto e destaques sobre --superficie-ink */

    /* ---------- Neutros ---------- */
    --muted: #F7F8FB;
    --muted-foreground: #6E7180;   /* #737782 do desktop não passa 4.5:1 sobre o fundo */
    --border: #E4E6EF;
    --input: #D6D8E0;
    --ring: #303D94;

    /* ---------- Estados ---------- */
    --destructive: #C50500;
    --destructive-foreground: #FFFFFF;
    --destructive-soft: #F8E3E2;
    --destructive-muted: #E38A88;
    --success: #4E8A52;
    --success-soft: #E7F4E8;

    /* ---------- Gráficos ---------- */
    --chart-1: #303D94;
    --chart-2: #5B73FF;
    --chart-3: #1E2B82;
    --chart-4: #7DB681;
    --chart-5: #E38A88;
    --chart-barra: #303D94;

    /* ---------- Sidebar ---------- */
    --sidebar: #FFFFFF;
    --sidebar-foreground: #151A2E;
    --sidebar-primary: #303D94;
    --sidebar-primary-foreground: #FFFFFF;
    --sidebar-accent: #F0F2FC;
    --sidebar-accent-foreground: #1E2B82;
    --sidebar-border: #E4E6EF;
    --sidebar-ring: #303D94;

    /* ---------- Tipografia ---------- */
    --font-sans: "Poppins", ui-sans-serif, sans-serif;
    --font-mono: ui-monospace, "Cascadia Mono", Consolas, monospace;
    --leading-tight: 1.2;
    --leading-normal: 1.55;
    --tracking-tight: -0.02em;

    /* ---------- Forma: cantos arredondados ---------- */
    --radius-sm: 4px;
    --radius-md: 6px;
    --radius-lg: 8px;
    --radius-xl: 10px;
    --radius-full: 9999px;       /* só para o que é redondo de fato: avatar, ponto, spinner, switch */

    /* ---------- Controles (botões, campos, selects): padrão Athenas ---------- */
    --radius-controle: 6px;
    --altura-controle: 2.5rem;
    --altura-controle-pequeno: 2rem;
    --padding-controle-x: 1rem;

    /* ---------- Movimento: mais calmo; loops e gráficos têm durações próprias ---------- */
    --duracao-rapida: 200ms;     /* hover, cor, foco */
    --duracao: 300ms;            /* mudança de estado, troca de visão */
    --duracao-lenta: 450ms;      /* menus, modais, avisos */
    --duracao-entrada: 700ms;    /* entrada de seções da página */

    /* ---------- Espaçamento (iguais nos dois temas) ---------- */
    --pagina-largura: 82rem;                            /* conteúdo centralizado em telas largas */
    --pagina-margem: clamp(1rem, 2.5vw, 2rem);           /* respiro entre a página e a borda da janela */
    --espaco-secao: 1.25rem;                            /* entre blocos de uma mesma página */
    --espaco-card: clamp(1.25rem, 2.5vw, 1.75rem);       /* padding interno de cards e painéis */
    --espaco-card-compacto: 1.25rem;                    /* métricas e cards de lista */

    /* ---------- Sombras suaves (tom azul-marinho) ---------- */
    --shadow-sm: 0 1px 2px rgb(0 12 87 / 0.06);
    --shadow-md: 0 4px 12px rgb(0 12 87 / 0.08);
    --shadow-lg: 0 12px 32px rgb(0 12 87 / 0.12);
    --shadow-ring: 0 0 0 3px rgb(48 61 148 / 0.35);

    color-scheme: light;
}

/*
 * Tema escuro: superfícies do Atlas desktop no modo escuro (#0F172A), com o mesmo azul da marca.
 * Vale quando a pessoa escolhe "Escuro" no menu da conta, ou quando escolhe "Sistema" (padrão)
 * e o sistema operacional está no modo escuro.
 */
:root[data-tema="escuro"] {
    --background: #0F172A;
    --foreground: #E6E8F2;
    --card: #172036;
    --card-foreground: #E6E8F2;
    --popover: #1D2740;
    --popover-foreground: #E6E8F2;

    --primary-strong: #A9B4FF;   /* azul legível como texto sobre as superfícies escuras */
    --primary-soft: #26306B;
    --primary-subtle: #1C2552;
    --primary-soft-foreground: #CFD4FF;

    --secondary: #3E4CB0;        /* no escuro o hover clareia em vez de escurecer */

    --accent: #26306B;
    --accent-foreground: #CFD4FF;

    --superficie-ink: #0B1240;
    --marca-simbolo: #A9B4FF;

    --muted: #1A2236;
    --muted-foreground: #9AA0B4;
    --border: #263048;
    --input: #2F3A55;
    --ring: #A9B4FF;

    --destructive: #F2696D;
    --destructive-soft: #3B1A1E;
    --destructive-muted: #E3797C;
    --success: #8CC58F;
    --success-soft: #18291C;

    --chart-1: #6B80FF;
    --chart-2: #A9B4FF;
    --chart-3: #CFD4FF;
    --chart-barra: #6B80FF;  /* o #303D94 some sobre o fundo escuro */

    --sidebar: #172036;
    --sidebar-foreground: #E6E8F2;
    --sidebar-accent: #1C2552;
    --sidebar-accent-foreground: #CFD4FF;
    --sidebar-border: #263048;

    --shadow-sm: 0 1px 2px rgb(0 0 0 / 0.35);
    --shadow-md: 0 4px 12px rgb(0 0 0 / 0.45);
    --shadow-lg: 0 12px 32px rgb(0 0 0 / 0.55);
    --shadow-ring: 0 0 0 3px rgb(169 180 255 / 0.4);

    color-scheme: dark;
}