/* ============================================
   SIA DESIGN CENTER — Light Theme v0.1.0
   Usage: Default (no data-theme) or data-theme="light"
   ============================================ */

:root,
[data-theme="light"] {
    /* Background hierarchy */
    --sia-bg-base: #F8FAFC;
    --sia-bg-surface: #FFFFFF;
    --sia-bg-elevated: #FFFFFF;
    --sia-bg-hover: #F1F5F9;
    
    /* Text */
    --sia-text-primary: #0F172A;
    --sia-text-secondary: #475569;
    --sia-text-muted: #94A3B8;
    
    /* Borders */
    --sia-border-color: #E2E8F0;
    --sia-border-hover: #CBD5E1;
    
    /* Scrollbar */
    scrollbar-color: var(--sia-neutral-300) var(--sia-bg-base);
}

[data-theme="light"] ::-webkit-scrollbar-track {
    background: var(--sia-bg-base);
}

[data-theme="light"] ::-webkit-scrollbar-thumb {
    background: var(--sia-neutral-300);
}