/**
 * Tokens de design. Único lugar onde cor, forma e ritmo são decididos.
 *
 * A paleta é dark-only de propósito: um tema claro agora seria complexidade sem uso, e
 * dobrar o número de estados a testar em cada componente.
 */

:root {
    /* Superfícies, do mais escuro pro mais claro. A hierarquia é o que dá a sensação de
       profundidade sem precisar de borda em tudo. */
    --bg-rail: #1e1f22;
    --bg-sidebar: #2b2d31;
    --bg-panel: #232428;
    --bg-main: #313338;
    --bg-float: #111214;
    --bg-input: #1e1f22;
    --bg-elevated: #383a40;
    --bg-tile: #0b0b0d;

    --bg-hover: rgba(78, 80, 88, 0.3);
    --bg-active: rgba(78, 80, 88, 0.6);

    /* Texto */
    --text: #dbdee1;
    --text-strong: #f2f3f5;
    --text-muted: #949ba4;
    --interactive: #b5bac1;
    --interactive-hover: #dbdee1;

    /* Marca e estados */
    --accent: #5865f2;
    --accent-hover: #4752c4;
    --danger: #da373c;
    --danger-hover: #a12d2f;
    --ok: #23a559;
    --warn: #f0b132;

    /* Forma */
    --r-sm: 4px;
    --r-md: 8px;
    --r-lg: 12px;
    --r-pill: 999px;

    /* Medidas do layout */
    --rail-w: 72px;
    --sidebar-w: 240px;

    --shadow-float: 0 8px 16px rgba(0, 0, 0, 0.24);
    --shadow-pill: 0 4px 16px rgba(0, 0, 0, 0.4);

    /* Sem webfont: evita dependência de rede e o flash de texto sem estilo. O system-ui
       resolve bem em todos os sistemas que este projeto vai ver. */
    --font: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;

    /* Escala de z-index num só lugar. Antes eram 15/20/30/40 espalhados pelo arquivo,
       impossível de raciocinar sem procurar todos. */
    --z-stage-overlay: 10;
    --z-sidebar: 20;
    --z-popover: 30;
    --z-modal: 40;
    --z-toast: 50;
}