/* Default theme CSS variables (cosmic-ink) - loaded before React mounts */
:root {
    --color-bg-primary: #0F172A;
    --color-bg-secondary: #1E293B;
    --color-card-bg: rgba(30, 41, 59, 0.7);
    --color-input-bg: #020617;
    --color-input-border: #334155;
    --color-border: rgba(148, 163, 184, 0.2);
    --color-text-primary: #FFFFFF;
    --color-text-secondary: #CBD5E1;
    --color-text-accent: #A78BFA;
    --color-accent: #A78BFA;
    --color-accent-hover: #8B5CF6;
    --color-accent-secondary: #2DD4BF;
    --color-accent-secondary-hover: #14B8A6;
    --color-positive: #4ADE80;
    --color-positive-bg: rgba(74, 222, 128, 0.1);
    --color-negative: #F87171;
    --color-negative-bg: rgba(248, 113, 113, 0.1);
    --color-warning: #FBBF24;
    --color-warning-bg: rgba(251, 191, 36, 0.1);
}

/* Ensure body uses theme colors */
body {
    background-color: var(--color-bg-primary);
    color: var(--color-text-primary);
    font-family: 'Inter', system-ui, -apple-system, sans-serif;
    margin: 0;
    padding: 0;
}