/* ============================================================
   Pulse Design Tokens - Light & Dark Themes
   ============================================================ */

:root {
    --font-family: 'Nunito', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    --font-mono: 'JetBrains Mono', 'Fira Code', monospace;

    --radius-sm: 8px;
    --radius-md: 12px;
    --radius-lg: 16px;
    --radius-xl: 20px;
    --radius-pill: 999px;

    --space-xs: 4px;
    --space-sm: 8px;
    --space-md: 16px;
    --space-lg: 24px;
    --space-xl: 32px;
    --space-2xl: 48px;
    --space-3xl: 64px;

    --transition-fast: 120ms ease;
    --transition: 180ms ease;
    --transition-slow: 300ms ease;

    --shadow-sm: 0 1px 3px rgba(0,0,0,.08);
    --shadow-md: 0 4px 12px rgba(0,0,0,.12);
    --shadow-lg: 0 8px 30px rgba(0,0,0,.16);
    --shadow-xl: 0 16px 50px rgba(0,0,0,.2);

    --z-dropdown: 100;
    --z-modal: 200;
    --z-toast: 300;
    --z-loader: 400;

    --icon-size: 20px;
    --icon-size-sm: 16px;
    --icon-size-lg: 24px;
}

/* Light theme */
[data-theme="light"] {
    --bg-primary: #F7F8FA;
    --bg-secondary: #FFFFFF;
    --bg-tertiary: #F0F1F4;
    --bg-elevated: #FFFFFF;
    --bg-input: #FFFFFF;
    --bg-hover: #F0F1F4;

    --text-primary: #111318;
    --text-secondary: #5E6670;
    --text-tertiary: #8E95A0;
    --text-inverse: #FFFFFF;

    --border-primary: #E2E5EA;
    --border-secondary: #ECEEF2;
    --border-focus: #01edb3;

    --accent: #01edb3;
    --accent-hover: #00C892;
    --accent-text: #07100D;
    --accent-soft: rgba(1, 237, 179, 0.1);

    --danger: #EF4444;
    --danger-soft: rgba(239, 68, 68, 0.1);
    --warning: #F59E0B;
    --success: #10B981;
    --info: #5266EB;

    --chart-1: #01edb3;
    --chart-2: #5266EB;
    --chart-3: #FF6B6B;
    --chart-4: #FFB84D;
    --chart-5: #A78BFA;
    --chart-6: #F472B6;

    --logo-display-light: block;
    --logo-display-dark: none;

    color-scheme: light;
}

/* Dark theme */
[data-theme="dark"] {
    --bg-primary: #0c0d11;
    --bg-secondary: #151720;
    --bg-tertiary: #1c1f2b;
    --bg-elevated: #1c1f2b;
    --bg-input: #151720;
    --bg-hover: #1c1f2b;

    --text-primary: #EEF3F7;
    --text-secondary: #9AA7B2;
    --text-tertiary: #6B7685;
    --text-inverse: #0c0d11;

    --border-primary: rgba(255,255,255,.10);
    --border-secondary: rgba(255,255,255,.06);
    --border-focus: #01edb3;

    --accent: #01edb3;
    --accent-hover: #00D9A3;
    --accent-text: #07100D;
    --accent-soft: rgba(1, 237, 179, 0.12);

    --danger: #F87171;
    --danger-soft: rgba(248, 113, 113, 0.12);
    --warning: #FBBF24;
    --success: #34D399;
    --info: #818CF8;

    --chart-1: #01edb3;
    --chart-2: #818CF8;
    --chart-3: #F87171;
    --chart-4: #FBBF24;
    --chart-5: #C084FC;
    --chart-6: #F472B6;

    --logo-display-light: none;
    --logo-display-dark: block;

    color-scheme: dark;
}

.logo-light { display: var(--logo-display-light); }
.logo-dark  { display: var(--logo-display-dark); }

/* Iconoir base sizing */
i[class^="iconoir-"], i[class*=" iconoir-"] {
    font-size: var(--icon-size);
    line-height: 1;
    vertical-align: middle;
}