/* =========================
   CLARUS DESIGN TOKENS
   ========================= */

:root {
    --bg: #0E1116;
    --bg-soft: #141923;
    --text: #E6E8EC;
    --muted: #9AA4B2;
    --primary: #6AE3C2;
    --border: #222836;
    --clr-bg: #0e1116;
    --clr-bg-soft: #141923;
    --clr-text: #e6e8ec;
    --clr-muted: #9aa4b2;
    --clr-border: #222836;
    --clr-primary: #6ae3c2;
    --radius-sm: 8px;
    --radius-md: 12px;
    --radius-lg: 16px;
    --space-1: 4px;
    --space-2: 8px;
    --space-3: 16px;
    --space-4: 24px;
    --space-5: 32px;
}

/* Light mode */
[data-theme="light"] {
    --clr-bg: #f7f8fa;
    --clr-bg-soft: #ffffff;
    --clr-text: #0e1116;
    --clr-muted: #5f6b7a;
    --clr-border: #e1e4ea;
    --clr-primary: #1fbf9a;
    --bg: #F7F9FC;
    --bg-soft: #FFFFFF;
    --text: #0E1116;
    --muted: #5A6473;
    --primary: #2BBF9E;
    --border: #E3E7EE;
}