/*
========================================
Arquivo: css/tokens.css
Descrição: Paleta única de design do painel SimpSaude (desktop virtual,
ribbon/menu clássico, janelas, menu de contexto e — via
js/window_manager.js — todos os apps abertos dentro de uma janela).
Substitui os dois `:root` paralelos que existiam antes em
css/desktop.css e lib/ribbon/css/ribbon.css. Carregar SEMPRE antes
desses dois arquivos.

Os nomes antigos (--desktop-bg-color-1, --ribbon-accent etc.) são
mantidos como alias apontando para os tokens novos, para não quebrar
nenhum CSS/inline que ainda os referencie diretamente.
========================================
*/

:root {
    /* Cor de marca (mesmo azul já usado no seletor de tema do painel e
       na tela de login — não é uma cor nova, é a paleta existente
       elevada a token único). */
    --fs-accent: #2f5aa8;
    --fs-accent-light: #4a7bd1;
    --fs-accent-dark: #1b2a4a;
    --fs-accent-soft: #eaf1fb;

    /* Neutros — visual Windows 11/Fluent: fundos quase-brancos, texto
       cinza-escuro (nunca preto puro), bordas muito sutis. */
    --fs-surface: #ffffff;
    --fs-surface-alt: #f6f7fb;
    --fs-surface-sunken: #eef0f5;
    --fs-border: #e2e5ec;
    --fs-border-strong: #cdd3e0;
    --fs-text: #111111;
    --fs-text-muted: #6b7280;
    --fs-text-on-accent: #ffffff;

    /* Estado */
    --fs-success: #1f9d55;
    --fs-danger: #d64545;
    --fs-warning: #d9a441;

    /* Geometria — cantos mais arredondados e sombras suaves em vez de
       bordas duras/gradientes 3D. */
    --fs-radius-sm: 6px;
    --fs-radius: 8px;
    --fs-radius-lg: 12px;
    --fs-shadow-sm: 0 1px 3px rgba(15, 23, 42, 0.08);
    --fs-shadow-md: 0 4px 16px rgba(15, 23, 42, 0.14);
    --fs-shadow-lg: 0 12px 40px rgba(15, 23, 42, 0.28);

    --fs-font: 'Inter', 'Segoe UI', Arial, sans-serif;

    /* Dimensões do shell — inalteradas, só centralizadas aqui. */
    --ribbon-height: 135px;
    --taskbar-height: 48px;
    --menubar-height: 34px;
    --desktop-bg-color-1: var(--fs-accent-dark);
    --desktop-bg-color-2: var(--fs-accent);
    --desktop-icon-color: #ffffff;
    --wallpaper-url: none;

    /* Botão central da taskbar ("leque") — fundo escuro semi-opaco por
       padrão (em vez de branco quase transparente) para ficar visível
       tanto sobre o papel de parede quanto sobre janelas de fundo
       branco. Customizável por usuário via ThemeManager (js/theme_manager.js). */
    --fan-item-bg: rgba(15, 23, 42, 0.55);
    --fan-item-border: rgba(255, 255, 255, 0.25);
    --fan-item-text: #ffffff;
    --fan-espacamento-x: 1;
    --fan-espacamento-y: 1;

    /* Aliases de compatibilidade — nomes antigos usados em outros
       arquivos/inline continuam funcionando sem alteração. */
    --ribbon-accent: var(--fs-accent);
    --ribbon-accent-light: var(--fs-accent-light);
    --ribbon-accent-dark: var(--fs-accent-dark);
}

/* Barra de rolagem fina e discreta, global — mesma regra de
   css/design_system.css (que só chega às páginas dentro dos iframes de
   apps); repetida aqui porque tokens.css é o único arquivo já carregado
   tanto pelo shell (painel/index.php) quanto por todos os apps. */
* {
    scrollbar-width: thin;
    scrollbar-color: var(--fs-border-strong) transparent;
}

::-webkit-scrollbar {
    width: 10px;
    height: 10px;
}

::-webkit-scrollbar-thumb {
    background: var(--fs-border-strong);
    border-radius: 5px;
}

::-webkit-scrollbar-thumb:hover {
    background: var(--fs-text-muted);
}

::-webkit-scrollbar-track {
    background: transparent;
}

::-webkit-scrollbar-corner {
    background: transparent;
}