html.design-custom {
    --primary: #334155;
    --primary-dark: #1e293b;
    --dark: #0f172a;
    --light: #f8fafc;
    --text: #334155;
    --border: #e2e8f0;
    --footer-accent: #64748b;
    --nav-bg: #ffffff;
    --nav-text: #334155;
    --nav-logo: #0f172a;
    --nav-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    --surface: #ffffff;
    --landing-bg: linear-gradient(135deg, #ffffff 0%, #f1f5f9 100%);
    --gallery-gradient: linear-gradient(135deg, #e2e8f0, #cbd5e1);
    --font-body: 'Inter', system-ui, sans-serif;
    --font-heading: 'Inter', system-ui, sans-serif;
    --radius: 6px;
    --card-radius: 8px;
    --footer-bg: #0f172a;
    --footer-text: rgba(248, 250, 252, 0.88);
    --brand-logo-blend: normal;
    --brand-logo-boost: none;
    --footer-logo-blend: normal;
    --footer-logo-filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.55)) drop-shadow(0 0 10px rgba(255, 255, 255, 0.1));
}