/* 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 */
    --clarus-primary: #1a73e8;
    --clarus-background: #f5f6fa;
    --clarus-background-bottom-bar: #ffffff;
    --clarus-btn-cta: #1a73e8;
    --clarus-btn-text-cta: #ffffff;
    --clarus-text: #1d1d1f;

    /* Semantic colors */
    --clr-primary: #1a73e8;
    --clr-text: #1d1d1f;
    --clr-muted: #6e7681;
    --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;

    /* Compat aliases */
    --muted: #6e7681;
    --bg: #f5f6fa;
    --primary: #1a73e8;
}

/* 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;

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