/* ---------------------------------------------------------------------------
   WorkBoard — tokens de design
   Fonte única de cores, espaçamento e medidas de toque.
   Nenhum valor cru de cor deve aparecer nos outros arquivos CSS.
   --------------------------------------------------------------------------- */

:root {
    /* Superfícies — escala neutra fria */
    --bg: #0F1115;
    --surface: #161920;
    --surface-raised: #1C202A;
    --surface-sunken: #12141A;
    --border: #262B36;
    --border-strong: #333A48;

    /* Texto */
    --text: #E8EAED;
    --text-muted: #9BA1AE;
    --text-faint: #6B7280;

    /* Status — sempre acompanhados de ícone e rótulo, nunca só cor */
    --status-todo: #8A92A6;
    --status-doing: #E0A82E;
    --status-blocked: #E5484D;
    --status-done: #30A46C;

    --accent: #6366F1;
    --accent-soft: rgba(99, 102, 241, 0.16);

    /* Alvos de toque: nada interativo abaixo de 44px */
    --tap-min: 44px;
    --tap-comfy: 56px;

    /* Espaçamento — escala de 4 */
    --space-1: 4px;
    --space-2: 8px;
    --space-3: 12px;
    --space-4: 16px;
    --space-5: 24px;
    --space-6: 32px;

    --radius-sm: 6px;
    --radius: 10px;
    --radius-lg: 14px;

    --shadow-lift: 0 8px 24px rgba(0, 0, 0, 0.45);

    --font: "Segoe UI Variable Display", "Segoe UI", Inter, system-ui, -apple-system, sans-serif;

    /* Largura das colunas laterais (flex-basis) */
    --col-side: 220px;
    --col-collapsed: 52px;

    --transition: 140ms ease-out;
}

/* Um status = uma cor, resolvida por classe. Evita repetir o switch em cada regra. */
.card--todo { --status-color: var(--status-todo); }
.card--doing { --status-color: var(--status-doing); }
.card--blocked { --status-color: var(--status-blocked); }
.card--done { --status-color: var(--status-done); }

@media (prefers-reduced-motion: reduce) {
    :root {
        --transition: 0ms;
    }
}