/* Light theme (default) */
:root {
    /* Colors */
    --color-bg: #ffffff;
    --color-text: #2d3748;
    --color-primary: #3182ce;
    --color-secondary: #718096;
    --color-accent: #ed64a6;
    --color-muted: #e2e8f0;
    
    /* Typography */
    --font-main: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', sans-serif;
    --font-code: 'SF Mono', 'Cascadia Code', Consolas, Monaco, 'Andale Mono', monospace;
    
    /* Font sizes */
    --fs-sm: 0.875rem;    /* 14px */
    --fs-md: 1rem;        /* 16px */
    --fs-lg: 1.25rem;     /* 20px */
    --fs-xl: 1.5rem;      /* 24px */
    
    /* Spacing */
    --space-xs: 0.25rem;  /* 4px */
    --space-sm: 0.5rem;   /* 8px */
    --space-md: 1rem;     /* 16px */
    --space-lg: 2rem;     /* 32px */
    
    /* Border radius */
    --radius-sm: 0.25rem;
    --radius-md: 0.5rem;
    
    /* Transitions */
    --transition-fast: 150ms ease;
    --transition-normal: 300ms ease;
    
    /* Layout */
    --container-width: 1200px;
    --container-padding: var(--space-md);
}

/* Dark theme */
[data-theme="dark"] {
    --color-bg: #1a202c;
    --color-text: #e2e8f0;
    --color-primary: #63b3ed;
    --color-secondary: #a0aec0;
    --color-accent: #f687b3;
    --color-muted: #2d3748;
}