/* tokens.css */
:root {
    /* Neutros */
    --color-bg: #0b0e14;
    --color-surface: #121826;
    --color-elevated: #182235;
    --color-text: #e6edf6;
    --color-text-muted: #a6b1c2;
    --color-border: #263248;

    /* Primária (brand) */
    --color-primary: #7c5cff;
    --color-primary-600: #6b4ef0;
    --color-primary-700: #5a41de;
    --color-primary-800: #4936c4;

    /* Sucesso / Aviso / Erro */
    --color-success: #22c55e;
    --color-warning: #f59e0b;
    --color-danger: #ef4444;

    /* Gradientes prontos (opcional) */
    --grad-primary: linear-gradient(135deg, #7c5cff, #4ea1ff);

    /* Sombra/raio */
    --radius-sm: 8px;
    --radius-md: 12px;
    --radius-lg: 16px;
    --shadow-1: 0 8px 28px rgba(0,0,0,.25);

    /* Tipografia */
    --font-sans: ui-sans-serif, -apple-system, Segoe UI, Roboto, Helvetica, Arial, "Apple Color Emoji", "Segoe UI Emoji";
    --fs-14: 0.875rem;
    --fs-16: 1rem;
    --fs-20: 1.25rem;
    --fw-600: 600;
}

/* Tema claro automático, caso use prefers-color-scheme */
@media (prefers-color-scheme: light) {
    :root {
        --color-bg: #f6f7fb;
        --color-surface: #ffffff;
        --color-elevated: #f0f3ff;
        --color-text: #0b1220;
        --color-text-muted: #5b6475;
        --color-border: #dde3ee;
    }
}