:root { 
    --primary: #0f172a; 
    --primary-light: #334155; 
    --accent: #2563eb; 
    --accent-hover: #1d4ed8; 
    --bg-color: #f8fafc; 
    --card-bg: #ffffff; 
    --text-dark: #1e293b; 
    --text-muted: #64748b; 
    --border-color: #e2e8f0; 
    --success: #16a34a;
    --danger: #dc2626;
    --radius: 10px;
    --focus-ring: rgba(37, 99, 235, 0.3); /* New for Accessibility */
    
    --ad-bg: #f1f5f9;
    --smart-box-bg: #eff6ff;
    --smart-box-border: #bfdbfe;
    --smart-text: #1d4ed8;
    --smart-value: #1e3a8a;
    --tmsofts-brand: #0f172a;
}

[data-theme="dark"] {
    --primary: #f8fafc; 
    --primary-light: #cbd5e1; 
    --accent: #3b82f6; 
    --accent-hover: #60a5fa; 
    --bg-color: #0f172a; 
    --card-bg: #1e293b; 
    --text-dark: #f1f5f9; 
    --text-muted: #94a3b8; 
    --border-color: #334155; 
    --focus-ring: rgba(59, 130, 246, 0.4);
    
    --ad-bg: #0f172a;
    --smart-box-bg: #172554;
    --smart-box-border: #1e3a8a;
    --smart-text: #60a5fa;
    --smart-value: #bfdbfe;
    --tmsofts-brand: #f8fafc;
}

* { 
    box-sizing: border-box; 
    margin: 0; 
    padding: 0; 
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; 
}

body { 
    background-color: var(--bg-color); 
    color: var(--text-dark); 
    line-height: 1.6; 
    transition: background-color 0.3s, color 0.3s; 
}