body.page--construction,
[data-theme="construction"] {
    --color-bg: #070b12;
    --color-bg-2: #101827;
    --color-surface: rgba(255, 255, 255, 0.07);
    --color-surface-strong: rgba(255, 255, 255, 0.13);
    --color-text: #fcfaf7;
    --color-muted: #c9c0b5;
    --color-line: rgba(255, 255, 255, 0.16);
    --color-accent: #f0a33a;
    --color-accent-2: #8fb6ff;
    --glass-bg: rgba(14, 20, 31, 0.62);
    --glass-border: rgba(255, 255, 255, 0.16);
    --glass-shadow: 0 28px 90px rgba(0, 0, 0, 0.42);
    --backdrop-filter: blur(16px) saturate(130%);
    --hero-glow: rgba(240, 163, 58, 0.2);
    --hero-orb: rgba(240, 163, 58, 0.42);
    --button-primary: #f0a33a;
    --button-secondary: #ffd17a;
    --card-glow: rgba(240, 163, 58, 0.22);
    --card-border: rgba(240, 163, 58, 0.36);
    --card-bg:
        linear-gradient(145deg, rgba(255, 255, 255, 0.095), rgba(255, 255, 255, 0.035)),
        repeating-linear-gradient(135deg, rgba(255, 255, 255, 0.04) 0 1px, transparent 1px 12px);
    --card-pattern:
        linear-gradient(120deg, rgba(240, 163, 58, 0.16), transparent 34%),
        radial-gradient(circle at 80% 12%, rgba(143, 182, 255, 0.12), transparent 24rem);
    --cta-bg:
        linear-gradient(135deg, rgba(240, 163, 58, 0.22), rgba(255, 255, 255, 0.045));
}

[data-theme="construction"][data-mode="light"] {
    --color-bg: #f5f0e6;
    --color-bg-2: #e8dfd0;
    --color-surface: rgba(0, 0, 0, 0.035);
    --color-surface-strong: rgba(0, 0, 0, 0.07);
    --color-text: #1a1a2e;
    --color-muted: #6b6b7b;
    --color-line: rgba(0, 0, 0, 0.08);
    --color-accent: #c47a1a;
    --color-accent-2: #5a7cc0;
    --glass-bg: rgba(245, 240, 230, 0.6);
    --glass-border: rgba(0, 0, 0, 0.06);
    --glass-shadow: 0 24px 80px rgba(0, 0, 0, 0.08);
    --backdrop-filter: blur(20px) saturate(120%);
    --hero-glow: rgba(196, 122, 26, 0.14);
    --hero-orb: rgba(196, 122, 26, 0.28);
    --button-primary: #c47a1a;
    --button-secondary: #e8a040;
    --card-glow: rgba(196, 122, 26, 0.14);
    --card-border: rgba(196, 122, 26, 0.22);
    --card-bg:
        linear-gradient(145deg, rgba(255, 255, 255, 0.6), rgba(232, 223, 208, 0.42));
    --card-pattern:
        radial-gradient(circle at 18% 18%, rgba(196, 122, 26, 0.1), transparent 24rem),
        radial-gradient(circle at 80% 12%, rgba(90, 124, 192, 0.08), transparent 24rem);
    --cta-bg:
        linear-gradient(135deg, rgba(232, 223, 208, 0.6), rgba(255, 255, 255, 0.42));
}

body.page--construction::before,
[data-theme="construction"]::before {
    background:
        linear-gradient(90deg, rgba(7, 11, 18, 0.94), rgba(10, 16, 26, 0.82)),
        radial-gradient(circle at 18% 18%, rgba(240, 163, 58, 0.22), transparent 28rem),
        radial-gradient(circle at 84% 12%, rgba(143, 182, 255, 0.1), transparent 30rem);
}

[data-theme="construction"][data-mode="light"]::before {
    background:
        linear-gradient(90deg, rgba(245, 240, 230, 0.94), rgba(232, 223, 208, 0.82)),
        radial-gradient(circle at 18% 18%, rgba(196, 122, 26, 0.12), transparent 28rem),
        radial-gradient(circle at 84% 12%, rgba(90, 124, 192, 0.08), transparent 30rem);
}

body.page--construction .hero__orb,
[data-theme="construction"] .hero__orb {
    border-radius: 18% 82% 32% 68% / 24% 28% 72% 76%;
}

body.page--construction .hero__glass-card,
[data-theme="construction"] .hero__glass-card {
    border-radius: 0.5rem 2rem 0.5rem 2rem;
    transform: rotate(2deg);
}

body.page--construction .info-card,
[data-theme="construction"] .info-card {
    clip-path: polygon(0 0, calc(100% - 26px) 0, 100% 26px, 100% 100%, 0 100%);
}

body.page--construction .button--ghost,
[data-theme="construction"] .button--ghost {
    color: #fff4df;
}

[data-theme="construction"][data-mode="light"] .button--ghost {
    color: #1a1a2e;
}

body.page--construction .site-footer,
[data-theme="construction"] .site-footer {
    border-top: 1px solid rgba(240, 163, 58, 0.16);
}

@media (max-width: 680px) {
    body.page--construction .info-card,
    [data-theme="construction"] .info-card {
        clip-path: none;
    }
}

[data-theme="construction"][data-mode="light"] .site-footer {
    border-top: 1px solid rgba(196, 122, 26, 0.14);
}