html:not(.dark) {
    --ph-surface: #ffffff;
    --ph-surface-2: #f8fafc;
    --ph-border: rgba(15, 23, 42, .14);
    --ph-text: #0f172a;
    --ph-text2: #475569;
    --ph-text3: #64748b;
    --ph-accent: #0284c7;
    --ph-green: #059669;
    --ph-amber: #d97706;
    --ph-danger: #dc2626;
}

html:not(.dark) body {
    background: #f4f7fb;
    color: #0f172a;
}

html:not(.dark) nav,
html:not(.dark) footer {
    background: #ffffff;
    border-color: #e2e8f0;
}

html:not(.dark) .bg-gray-950 { background-color: #f4f7fb; }
html:not(.dark) .bg-gray-900 { background-color: #ffffff; }
html:not(.dark) .border-gray-800,
html:not(.dark) .border-gray-700 { border-color: #e2e8f0; }
html:not(.dark) .text-gray-100,
html:not(.dark) .text-gray-200,
html:not(.dark) .text-gray-300,
html:not(.dark) .text-white { color: #0f172a !important; }
html:not(.dark) .text-gray-400,
html:not(.dark) .text-gray-500,
html:not(.dark) .text-gray-600 { color: #64748b !important; }
html:not(.dark) .hover\:bg-gray-800:hover,
html:not(.dark) .hover\:bg-gray-700:hover { background: #eef2f7; }