/* Clarus Design Tokens — Material-inspired, Flat, Clean */

:root {
    /* Spacing scale (4px base) */
    --space-1: 4px;
    --space-2: 8px;
    --space-3: 12px;
    --space-4: 16px;
    --space-5: 24px;
    --space-6: 32px;
    --space-8: 48px;

    /* Radius */
    --radius-sm: 6px;
    --radius-md: 10px;
    --radius-lg: 14px;
    --radius-xl: 20px;
    --radius-full: 999px;

    /* Core palette. Azul #1967d2 e cinza #5f6670: contraste >= 4,5:1 sobre #f5f6fa (antes #1a73e8 = 4,2 e #6e7681 = 4,3). */
    --clarus-primary: #1967d2;
    --clarus-background: #f5f6fa;
    --clarus-background-bottom-bar: #ffffff;
    --clarus-btn-cta: #1967d2;
    --clarus-btn-text-cta: #ffffff;
    --clarus-text: #1d1d1f;

    /* Semantic colors */
    --clr-primary: #1967d2;
    --clr-text: #1d1d1f;
    --clr-muted: #5f6670;
    --clr-border: rgba(0, 0, 0, 0.08);
    --clr-bg-soft: #ffffff;
    --clr-bg-elevated: #ffffff;
    --clr-success: #1e8e3e;
    --clr-danger: #e57373;
    --clr-warning: #f5c26b;

    /* Linhas/legendas do gráfico de cotação (NewChart): >= 4,5:1 sobre o fundo claro (#fff e #f5f6fa) */
    --clr-chart-tendencia: #c62828;
    --clr-chart-media: #1565c0;
    --clr-chart-mediana: #2e7d32;
    --clr-chart-moda: #9a5b00;

    /* Compat aliases */
    --muted: #5f6670;
    --bg: #f5f6fa;
    --primary: #1967d2;
}

/* Dark mode */
[data-theme="dark"] {
    --clarus-primary: #6AE3C2;
    --clarus-background: #0B0E13;
    --clarus-background-bottom-bar: #111318;
    --clarus-btn-cta: #6AE3C2;
    --clarus-btn-text-cta: #0B0E13;
    --clarus-text: #e6e8ec;

    --clr-primary: #6AE3C2;
    --clr-text: #e6e8ec;
    --clr-muted: #8b949e;
    --clr-border: rgba(255, 255, 255, 0.08);
    --clr-bg-soft: #161b22;
    --clr-bg-elevated: #1c2128;
    --clr-success: #56d364;
    --clr-danger: #f47067;
    --clr-warning: #f5c26b;

    /* Gráfico de cotação no escuro: >= 6:1 sobre #0B0E13/#1c2128 */
    --clr-chart-tendencia: #ef9a9a;
    --clr-chart-media: #90caf9;
    --clr-chart-mediana: #a5d6a7;
    --clr-chart-moda: #ffcc80;

    --muted: #8b949e;
    --bg: #0B0E13;
    --primary: #6AE3C2;
}