@import url('brand-colors.css');

/* Dark Stitch palette — mapped from Coldom logo colors */
body.stitch-dark {
    --primary: var(--col-blue-500);
    --primary-container: var(--col-blue-700);
    --on-primary: var(--col-on-primary);
    --secondary: var(--col-muted);
    --surface: #0c1420;
    --surface-container: var(--cd-surface-elevated);
    --surface-container-low: var(--cd-surface);
    --surface-container-high: var(--cd-surface-high);
    --background: var(--cd-background);
    --on-background: var(--cd-text);
    --on-surface: var(--cd-text);
    --on-surface-variant: var(--cd-muted);
    --outline: var(--cd-muted-dim);
    --outline-variant: #3a5068;
    --inverse-surface: var(--cd-text);
    --secondary-fixed-dim: var(--cd-muted-dim);
    --primary-fixed: #7ec8f0;
    --colom-green: var(--col-green-500);
    --colom-yellow: var(--col-yellow-500);
}

body.stitch-dark .glass-panel {
    background: rgba(26, 40, 64, 0.88);
    border: 1px solid rgba(48, 144, 208, 0.12);
    box-shadow: 0 8px 32px rgba(16, 48, 80, 0.35);
}

body.stitch-dark .glass-panel:hover {
    border-color: rgba(48, 144, 208, 0.35);
    box-shadow: 0 16px 40px rgba(32, 112, 176, 0.2);
}

body.stitch-dark .page-hero {
    background: linear-gradient(165deg, var(--cd-surface-elevated) 0%, var(--cd-background) 70%);
    border-bottom: 1px solid rgba(48, 144, 208, 0.1);
}

body.stitch-dark .page-hero h1 {
    color: var(--cd-text);
}

body.stitch-dark .breadcrumb a {
    color: var(--cd-accent);
}

body.stitch-dark .badge,
body.stitch-dark .cd-badge {
    background: rgba(48, 144, 208, 0.12);
    color: var(--cd-accent);
    border: 1px solid rgba(48, 144, 208, 0.28);
}

body.stitch-dark .primary-button {
    background: linear-gradient(135deg, var(--col-blue-500), var(--col-blue-700));
    color: var(--col-on-primary);
}

body.stitch-dark .primary-button:hover {
    background: linear-gradient(135deg, var(--col-blue-600), var(--col-navy-900));
}

body.stitch-dark .secondary-button {
    border-color: rgba(48, 144, 208, 0.45);
    color: var(--cd-accent);
}

body.stitch-dark .cta-band {
    background: linear-gradient(135deg, var(--col-navy-900) 0%, var(--col-blue-800) 50%, var(--col-blue-700) 100%);
}

body.stitch-dark .engineering-section {
    background: var(--cd-surface);
}

body.stitch-dark .site-header,
body.stitch-dark .site-footer,
body.stitch-dark .mobile-drawer,
body.stitch-dark .scroll-progress-container,
body.stitch-dark .sticky-enquire {
    display: none !important;
}

body.stitch-dark .feature-icon {
    background: rgba(48, 144, 208, 0.12);
    color: var(--cd-accent);
}

body.stitch-dark .spec-item span:first-child {
    color: var(--cd-muted-dim);
}

body.stitch-dark .project-filter-btn {
    background: var(--cd-surface-elevated);
    color: var(--cd-muted);
    border: 1px solid rgba(48, 144, 208, 0.15);
}

body.stitch-dark .project-filter-btn.active,
body.stitch-dark .project-filter-btn:hover {
    background: var(--cd-accent);
    color: var(--col-on-primary);
    border-color: var(--cd-accent);
}

body.stitch-dark .contact-info-card input,
body.stitch-dark .contact-info-card textarea,
body.stitch-dark .enquiry-form input,
body.stitch-dark .enquiry-form textarea,
body.stitch-dark .enquiry-form select {
    background: var(--cd-surface-elevated);
    border-color: rgba(48, 144, 208, 0.2);
    color: var(--cd-text);
}

body.stitch-dark .link-arrow {
    color: var(--cd-accent);
}

body.stitch-dark .timeline .year {
    color: var(--cd-green);
}

body.stitch-dark .project-type-badge {
    background: var(--col-green-500);
    color: var(--col-navy-900);
}