html[data-theme="dark"] {
    --ivory: #22251e;
    --paper: #20231d;
    --ink: #f2eee4;
    --muted: #c0c0b2;
    --olive: #171b15;
    --sage: #4a513d;
    --line: rgba(235, 232, 218, .18);
    color-scheme: dark
}

html[data-theme="dark"] body {
    background: var(--paper);
    color: var(--ink)
}

html[data-theme="dark"] .site-header {
    color: #f6f1e6
}

html[data-theme="dark"] .hero-copy {
    background: #27291f;
    color: #f7f2e8
}

html[data-theme="dark"] .hero-image {
    background-image: linear-gradient(90deg, #27291f 0%, rgba(39, 41, 31, .9) 10%, rgba(39, 41, 31, .12) 46%, transparent 100%), url('../images/img (31).webp')
}

html[data-theme="dark"] .solutions,
html[data-theme="dark"] .craft,
html[data-theme="dark"] .journey {
    background: #20231d
}

html[data-theme="dark"] .styles-band {
    background: #414735
}

html[data-theme="dark"] .btn-outline {
    border-color: #c7c7b9;
    color: #f8f4e9
}

html[data-theme="dark"] .craft-detail {
    border-color: #20231d
}

html[data-theme="dark"] .step-icon {
    background: #3b4132;
    color: #e4e5d6
}

html[data-theme="dark"] .consultation {
    background: #282a21
}

html[data-theme="dark"] .consult-image {
    background-image: linear-gradient(90deg, #282a21 0%, rgba(40, 42, 33, .7) 25%, transparent 55%), url('../images/img (29).webp')
}

html[data-theme="dark"] .stats-card {
    background: #2b2f25;
    color: #f6f1e6
}

html[data-theme="dark"] .stats-card span {
    color: #c9c9bb
}

html[data-theme="dark"] .main-nav {
    background: #20231d
}

html[data-theme="dark"] .site-header {
    background: rgba(32, 35, 29, .9)
}

html[data-theme="dark"] .back-top {
    background: #8b9274;
    color: #161910
}

html[data-theme="dark"] .hero-pagination {
    color: #d0cbbb
}

@media(max-width:767px) {
    html[data-theme="dark"] .hero-copy {
        background: #27291f
    }

    html[data-theme="dark"] .hero-image {
        background-image: url('../images/img (4).webp')
    }

    html[data-theme="dark"] .consult-image {
        background-image: linear-gradient(180deg, #282a21 0%, rgba(40, 42, 33, 0) 35%), url('../images/img (1).webp')
    }
}


html[data-theme="dark"] {
  --paper:#20221d;
  --paper-2:#292c25;
  --ink:#f0eee5;
  --muted:#c0c1b5;
  --line:#484b40;
  --olive:#2b3026;
  --olive-dark:#34392e;
  --clay:#c38a6e;
  --white:#292c25;
  --shadow:0 18px 50px rgba(0,0,0,.28);
  color-scheme:dark;
}



html[data-theme="dark"] .site-header{background:var(--paper);color:var(--ink);box-shadow:0 1px 0 var(--line)}
html[data-theme="dark"] .main-nav .dropdown-menu{background:#25281f;color:#f2eee4;border-color:#474a3d}
html[data-theme="dark"] .login-button{border-color:var(--line)}
html[data-theme="dark"] .category strong,html[data-theme="dark"] .feature,html[data-theme="dark"] .step,html[data-theme="dark"] .footer-column a{color:var(--ink)}
html[data-theme="dark"] .h2-hero-copy>p:not(.eyebrow),html[data-theme="dark"] .gallery-hero-copy>p:not(.eyebrow){color:#e1ddcf}
html[data-theme="dark"] .h2-hero-note{color:#d1c9b9}
html[data-theme="dark"] .h2-hero-image{background-image:linear-gradient(90deg,#292a22 0%,rgba(41,42,34,.92) 25%,rgba(41,42,34,.45) 60%,rgba(0,0,0,.1) 100%),url('../images/img (4).webp')}
html[data-theme="dark"] .gallery-hero-image{background-image:linear-gradient(90deg,#292a22 0%,rgba(41,42,34,.9) 36%,rgba(41,42,34,.35) 75%),url('../images/img (2).webp')}
.form-feedback{font-size:12px;color:var(--ink);padding:10px 12px;background:var(--ivory);border-left:3px solid var(--sage);display:none}
.form-feedback.is-visible{display:block}.form-feedback.is-error{border-color:#b85c4a;color:#b85c4a}


/* Added page sections: preserve contrast in dark theme */
[data-theme="dark"] .h2-living-stories,[data-theme="dark"] .h2-visit,[data-theme="dark"] .gallery-room-notes,[data-theme="dark"] .gallery-project-steps,[data-theme="dark"] .product-edit,[data-theme="dark"] .product-process{background:var(--bg,#191816);color:var(--text,#f2eee7)}
[data-theme="dark"] .h2-detail-strip,[data-theme="dark"] .gallery-material-mood,[data-theme="dark"] .product-wardrobes,[data-theme="dark"] .product-workspaces,[data-theme="dark"] .product-final-cta,[data-theme="dark"] .visit-panel{background:var(--surface,#24221f);color:var(--text,#f2eee7)}
[data-theme="dark"] .products-hero{background:var(--bg,#191816);color:var(--text,#f2eee7)}
[data-theme="dark"] .living-story-caption p,[data-theme="dark"] .living-stories-head p,[data-theme="dark"] .gallery-room-heading p,[data-theme="dark"] .room-note-copy p,[data-theme="dark"] .material-mood-copy p,[data-theme="dark"] .product-section-heading p,[data-theme="dark"] .finish-intro p,[data-theme="dark"] .detail-strip-copy p,[data-theme="dark"] .product-split-copy p,[data-theme="dark"] .workspace-copy p,[data-theme="dark"] .product-final-copy p,[data-theme="dark"] .visit-panel p,[data-theme="dark"] .cabinet-feature-note p,[data-theme="dark"] .project-steps-list p,[data-theme="dark"] .product-process-steps p,[data-theme="dark"] .finish-swatches article p,[data-theme="dark"] .products-hero-copy>p{color:var(--muted,#c3bdb4)}
[data-theme="dark"] .text-link,[data-theme="dark"] .product-feature-card{color:var(--text,#f2eee7)}
[data-theme="dark"] .cabinet-feature-note{background:var(--surface,#24221f);color:var(--text,#f2eee7)}
[data-theme="dark"] .image-note{background:rgba(30,28,25,.9);color:#f2eee7}


/* About and contact page contrast in dark mode */
html[data-theme="dark"] .inner-page { background:var(--paper); color:var(--ink); }
html[data-theme="dark"] .inner-hero,html[data-theme="dark"] .contact-hero,html[data-theme="dark"] .about-cta { background:#282a22; color:#f0eee5; }
html[data-theme="dark"] .inner-hero-copy>p:not(.eyebrow),html[data-theme="dark"] .contact-hero-copy>p:not(.eyebrow),html[data-theme="dark"] .about-cta p { color:#d0cdbf; }
html[data-theme="dark"] .about-hero-image { background-image:linear-gradient(90deg,#282a22 0%,rgba(40,42,34,.76) 18%,rgba(40,42,34,.05) 58%),url('../images/img (4).webp'); }
html[data-theme="dark"] .about-values,html[data-theme="dark"] .contact-main { background:#262820; color:var(--ink); }
html[data-theme="dark"] .value-item p,html[data-theme="dark"] .manifesto-copy p,html[data-theme="dark"] .contact-intro>p,html[data-theme="dark"] .contact-form-intro>p,html[data-theme="dark"] .contact-note span,html[data-theme="dark"] .contact-detail-list p { color:var(--muted); }
html[data-theme="dark"] .contact-form { background:#20221d; color:var(--ink); }
html[data-theme="dark"] .form-grid input,html[data-theme="dark"] .form-grid select,html[data-theme="dark"] .form-grid textarea { color:var(--ink); background:#292c25; border-color:var(--line); }
html[data-theme="dark"] .form-grid input::placeholder,html[data-theme="dark"] .form-grid textarea::placeholder { color:#b9b9ad; }
html[data-theme="dark"] .contact-hero-image { background-image:linear-gradient(90deg,#282a22 0%,rgba(40,42,34,.72) 15%,rgba(40,42,34,.06) 55%),url('../images/img (2).webp'); }
html[data-theme="dark"] .contact-hero-stamp { background:rgba(32,34,29,.94); color:var(--ink); }
html[data-theme="dark"] .contact-bottom { background:#343a2b; color:#fbf8f1; }
html[data-theme="dark"] .contact-bottom-copy p { color:#f0eee4; }
html[data-theme="dark"] .detail-icon { background:#393d31; color:#e5e4d7; }


/* =========================================
   WARDROVA - DARK MODE
   Luxury wardrobe & cabinetry website
========================================= */

:root {
    --dark-bg: #171915;
    --dark-surface: #20231e;
    --dark-surface-alt: #292d26;
    --dark-border: #3b4036;
    --dark-text: #f3efe6;
    --dark-muted: #c0c2b7;
    --dark-accent: #b9c29b;
    --dark-accent-hover: #d0d7b8;
    --dark-input: #242720;
    --dark-shadow: 0 12px 32px rgba(0, 0, 0, 0.22);
}

/* Main page */
html.dark-mode,
body.dark-mode {
    background-color: var(--dark-bg);
    color: var(--dark-text);
}

body.dark-mode {
    color-scheme: dark;
}

body.dark-mode main,
body.dark-mode section,
body.dark-mode .page-content {
    color: var(--dark-text);
}

/* Header and navigation */
body.dark-mode header,
body.dark-mode .header,
body.dark-mode .site-header,
body.dark-mode nav,
body.dark-mode .navbar {
    background-color: var(--dark-surface);
    color: var(--dark-text);
    border-color: var(--dark-border);
}

body.dark-mode header a,
body.dark-mode .header a,
body.dark-mode nav a,
body.dark-mode .navbar a {
    color: var(--dark-text);
}

body.dark-mode header a:hover,
body.dark-mode nav a:hover,
body.dark-mode .navbar a:hover {
    color: var(--dark-accent);
}

/* Footer */
body.dark-mode footer,
body.dark-mode .footer,
body.dark-mode .site-footer {
    background-color: #121410;
    color: var(--dark-text);
    border-color: var(--dark-border);
}

body.dark-mode footer a,
body.dark-mode .footer a,
body.dark-mode .site-footer a {
    color: var(--dark-muted);
}

body.dark-mode footer a:hover,
body.dark-mode .footer a:hover {
    color: var(--dark-accent-hover);
}

/* Headings and text */
body.dark-mode h1,
body.dark-mode h2,
body.dark-mode h3,
body.dark-mode h4,
body.dark-mode h5,
body.dark-mode h6,
body.dark-mode p,
body.dark-mode label,
body.dark-mode li {
    color: var(--dark-text);
}

body.dark-mode small,
body.dark-mode .text-muted,
body.dark-mode .muted,
body.dark-mode .subtitle,
body.dark-mode .description {
    color: var(--dark-muted);
}

/* Dashboard surfaces */
body.dark-mode .dashboard,
body.dark-mode .dashboard-main,
body.dark-mode .dashboard-content,
body.dark-mode .dashboard-sidebar {
    background-color: var(--dark-bg);
    color: var(--dark-text);
}

body.dark-mode .dashboard-card,
body.dark-mode .stat-card,
body.dark-mode .metric-card,
body.dark-mode .order-card,
body.dark-mode .appointment-card,
body.dark-mode .design-card,
body.dark-mode .project-card,
body.dark-mode .activity-card,
body.dark-mode .chart-card,
body.dark-mode .table-card,
body.dark-mode .panel,
body.dark-mode .content-card {
    background-color: var(--dark-surface);
    color: var(--dark-text);
    border: 1px solid var(--dark-border);
    box-shadow: var(--dark-shadow);
}

/* Dashboard sidebar */
body.dark-mode .sidebar,
body.dark-mode .dashboard-nav,
body.dark-mode .dashboard-menu {
    background-color: var(--dark-surface);
    border-color: var(--dark-border);
}

body.dark-mode .sidebar a,
body.dark-mode .dashboard-nav a,
body.dark-mode .dashboard-menu a {
    color: var(--dark-muted);
}

body.dark-mode .sidebar a:hover,
body.dark-mode .sidebar a.active,
body.dark-mode .dashboard-nav a:hover,
body.dark-mode .dashboard-nav a.active,
body.dark-mode .dashboard-menu a:hover,
body.dark-mode .dashboard-menu a.active {
    background-color: var(--dark-surface-alt);
    color: var(--dark-accent-hover);
}

/* Tables */
body.dark-mode table {
    background-color: var(--dark-surface);
    color: var(--dark-text);
    border-color: var(--dark-border);
}

body.dark-mode th {
    background-color: var(--dark-surface-alt);
    color: var(--dark-text);
}

body.dark-mode td,
body.dark-mode th {
    border-color: var(--dark-border);
}

body.dark-mode tr:hover td {
    background-color: var(--dark-surface-alt);
}

/* Forms and inputs */
body.dark-mode input,
body.dark-mode textarea,
body.dark-mode select {
    background-color: var(--dark-input);
    color: var(--dark-text);
    border: 1px solid var(--dark-border);
}

body.dark-mode input::placeholder,
body.dark-mode textarea::placeholder {
    color: #a9ada1;
    opacity: 1;
}

body.dark-mode input:focus,
body.dark-mode textarea:focus,
body.dark-mode select:focus {
    outline: 2px solid var(--dark-accent);
    outline-offset: 2px;
    border-color: var(--dark-accent);
}

body.dark-mode option {
    background-color: var(--dark-surface);
    color: var(--dark-text);
}

/* Buttons */
body.dark-mode .btn-primary,
body.dark-mode .primary-btn,
body.dark-mode button.btn-primary {
    background-color: var(--dark-accent);
    color: #20231c;
    border-color: var(--dark-accent);
}

body.dark-mode .btn-primary:hover,
body.dark-mode .primary-btn:hover {
    background-color: var(--dark-accent-hover);
    color: #171915;
}

body.dark-mode .btn-secondary,
body.dark-mode .secondary-btn {
    background-color: var(--dark-surface-alt);
    color: var(--dark-text);
    border-color: var(--dark-border);
}

body.dark-mode button:disabled {
    opacity: 0.55;
    cursor: not-allowed;
}

/* Status labels */
body.dark-mode .status,
body.dark-mode .badge {
    border-color: var(--dark-border);
}

body.dark-mode .status-pending {
    background-color: #493a21;
    color: #f4d59b;
}

body.dark-mode .status-processing {
    background-color: #293c4b;
    color: #b9d9f3;
}

body.dark-mode .status-completed,
body.dark-mode .status-success {
    background-color: #293d30;
    color: #b8e0c1;
}

body.dark-mode .status-cancelled,
body.dark-mode .status-error {
    background-color: #482d2b;
    color: #ffc1b9;
}

/* Icons and dividers */
body.dark-mode .icon,
body.dark-mode .dashboard-icon {
    color: var(--dark-accent);
}

body.dark-mode hr,
body.dark-mode .divider {
    border-color: var(--dark-border);
}

/* Dropdowns and popovers */
body.dark-mode .dropdown-menu,
body.dark-mode .dropdown-content,
body.dark-mode .popover,
body.dark-mode .modal-content {
    background-color: var(--dark-surface);
    color: var(--dark-text);
    border: 1px solid var(--dark-border);
}

body.dark-mode .dropdown-menu a,
body.dark-mode .dropdown-content a {
    color: var(--dark-text);
}

/* Links */
body.dark-mode a {
    color: var(--dark-accent-hover);
}

body.dark-mode a:hover {
    color: #e0e6cb;
}

/* Alerts and validation */
body.dark-mode .error-message,
body.dark-mode .validation-error {
    color: #ffb7ad;
}

body.dark-mode .success-message,
body.dark-mode .validation-success {
    color: #b8e0c1;
}

/* Back to top */
body.dark-mode .back-to-top {
    background-color: var(--dark-accent);
    color: #20231c;
    border-color: var(--dark-accent);
}

/* Prevent unreadable disabled text */
body.dark-mode input:disabled,
body.dark-mode select:disabled,
body.dark-mode textarea:disabled {
    color: #b0b2a8;
    background-color: #30332d;
}

/* Responsive safety */
body.dark-mode img {
    max-width: 100%;
}

@media (prefers-reduced-motion: reduce) {
    body.dark-mode *,
    body.dark-mode *::before,
    body.dark-mode *::after {
        scroll-behavior: auto !important;
        animation-duration: 0.01ms !important;
        transition-duration: 0.01ms !important;
    }
}

/* ==========================================
   WARDROVA - AUTH PAGE DARK MODE
========================================== */

body.dark-mode.auth-page,
html.dark-mode body.auth-page {
  --auth-ivory: #171914;
  --auth-paper: #20231d;
  --auth-ink: #f2eee4;
  --auth-muted: #c2c2b6;
  --auth-sage: #b8c39a;
  --auth-sage-dark: #d0d9b8;
  --auth-line: #414438;
  --auth-gold: #d5bb83;

  background: var(--auth-ivory);
  color: var(--auth-ink);
}

body.dark-mode.auth-page .site-header,
body.dark-mode.auth-page .main-nav {
  background: var(--auth-paper);
  border-color: var(--auth-line);
}

body.dark-mode.auth-page .brand-copy strong,
body.dark-mode.auth-page .main-nav a,
body.dark-mode.auth-page .icon-button,
body.dark-mode.auth-page .menu-toggle {
  color: var(--auth-ink);
}

body.dark-mode.auth-page .brand-copy small,
body.dark-mode.auth-page .main-nav a {
  color: var(--auth-muted);
}

body.dark-mode.auth-page .main-nav a:hover {
  color: var(--auth-gold);
}

body.dark-mode.auth-page .auth-hero,
body.dark-mode.auth-page .auth-panel {
  background: var(--auth-ivory);
}

body.dark-mode.auth-page .auth-card h2,
body.dark-mode.auth-page .form-field > label {
  color: var(--auth-ink);
}

body.dark-mode.auth-page .auth-intro,
body.dark-mode.auth-page .auth-switch,
body.dark-mode.auth-page .auth-options,
body.dark-mode.auth-page .check-label {
  color: var(--auth-muted);
}

body.dark-mode.auth-page .social-button,
body.dark-mode.auth-page .form-field input {
  background: var(--auth-paper);
  color: var(--auth-ink);
  border-color: var(--auth-line);
}

body.dark-mode.auth-page .social-button:hover {
  background: #2a2e25;
  border-color: var(--auth-gold);
}

body.dark-mode.auth-page .form-field input::placeholder {
  color: #a9ad9e;
}

body.dark-mode.auth-page .form-field input:focus {
  border-color: var(--auth-gold);
  box-shadow: 0 0 0 3px rgba(213, 187, 131, 0.13);
}

body.dark-mode.auth-page .password-toggle {
  color: var(--auth-muted);
}

body.dark-mode.auth-page .auth-divider {
  color: var(--auth-muted);
}

body.dark-mode.auth-page .auth-divider::before,
body.dark-mode.auth-page .auth-divider::after {
  background: var(--auth-line);
}

body.dark-mode.auth-page .auth-options > a,
body.dark-mode.auth-page .auth-switch a,
body.dark-mode.auth-page .terms-check a {
  color: var(--auth-gold);
}

body.dark-mode.auth-page .auth-submit {
  background: var(--auth-sage);
  border-color: var(--auth-sage);
  color: #1c2017;
}

body.dark-mode.auth-page .auth-submit:hover {
  background: #d0d9b8;
  border-color: #d0d9b8;
  color: #171914;
}

body.dark-mode.auth-page .demo-note {
  background: #292e24;
  color: var(--auth-muted);
}

body.dark-mode.auth-page .demo-note i {
  color: var(--auth-gold);
}

body.dark-mode.auth-page .field-error,
body.dark-mode.auth-page .form-feedback.is-error {
  color: #ffaaa0;
}

body.dark-mode.auth-page .form-feedback:not(.is-error) {
  color: #c8ddb0;
}

body.dark-mode.auth-page .auth-visual {
  background:
    linear-gradient(0deg, rgba(13, 15, 11, 0.9), rgba(13, 15, 11, 0.16) 90%),
    linear-gradient(135deg, #777c64, #444a39 55%, #292d23);
}

body.dark-mode.auth-page .auth-visual h1,
body.dark-mode.auth-page .auth-visual-content > p,
body.dark-mode.auth-page .auth-visual-note {
  color: #fffdf6;
}

body.dark-mode.auth-page .auth-visual .eyebrow,
body.dark-mode.auth-page .auth-visual h1 em,
body.dark-mode.auth-page .auth-visual-note i {
  color: #e5d3a8;
}

body.dark-mode.auth-page .site-footer {
  background: #10120e;
  color: #f2eee4;
}

body.dark-mode.auth-page .footer-column h3 {
  color: #e5d3a8;
}

body.dark-mode.auth-page .footer-column > a,
body.dark-mode.auth-page .footer-brand > p,
body.dark-mode.auth-page .footer-bottom {
  color: #cbcbbf;
}

body.dark-mode.auth-page .footer-bottom {
  border-color: var(--auth-line);
}

body.dark-mode.auth-page .footer-socials a {
  color: #f2eee4;
  border-color: #505447;
}

body.dark-mode.auth-page .footer-socials a:hover {
  background: #343b2b;
}

body.dark-mode.auth-page .back-to-top {
  background: var(--auth-sage);
  color: #171914;
}

body.dark-mode.auth-page .site-toast {
  background: #e9e4d7;
  color: #20231d;
}

body.dark-mode.auth-page input[type="checkbox"] {
  accent-color: var(--auth-gold);
}

body.dark-mode.auth-page .field-error {
  color: #ffaaa0;
}

@media (max-width: 767px) {
  body.dark-mode.auth-page .main-nav {
    border-color: var(--auth-line);
  }
}

/* ==========================================================================
   FINAL DARK MODE FIXES — shared header/footer, buttons and labels.
   Applies to both the html[data-theme="dark"] hook and the body.dark-mode class
   so every page is covered. Keeps all text readable on dark surfaces.
   ========================================================================== */
html[data-theme="dark"] .site-header,
body.dark-mode .site-header {
  background: #20221d;
  color: #f2eee4;
}

html[data-theme="dark"] .brand-name,
html[data-theme="dark"] .brand-logo,
body.dark-mode .brand-name,
body.dark-mode .brand-logo {
  color: #f6f1e6;
}

html[data-theme="dark"] .brand-tagline,
body.dark-mode .brand-tagline {
  color: #c9c3b3;
}

html[data-theme="dark"] .nav-link,
html[data-theme="dark"] .main-nav > a,
body.dark-mode .nav-link,
body.dark-mode .main-nav > a {
  color: #e6e1d3;
}

html[data-theme="dark"] .icon-button,
html[data-theme="dark"] .icon-button span,
body.dark-mode .icon-button,
body.dark-mode .icon-button span {
  color: #f2eee4;
}

html[data-theme="dark"] .login-button,
body.dark-mode .login-button {
  color: #f2eee4;
}

/* Buttons: light surface with dark text in dark mode (the olive token is light here). */
html[data-theme="dark"] .btn-dark,
body.dark-mode .btn-dark {
  background: #e9e3d3;
  color: #1b1e17;
}

html[data-theme="dark"] .btn-dark:hover,
body.dark-mode .btn-dark:hover {
  background: #d9d2bf;
  color: #1b1e17;
}

/* Footer: always a dark surface with light text. */
html[data-theme="dark"] .site-footer,
body.dark-mode .site-footer {
  background: #161912;
  color: #f2eee4;
}

html[data-theme="dark"] .site-footer a,
html[data-theme="dark"] .footer-column a,
html[data-theme="dark"] .footer-contact-item,
html[data-theme="dark"] .footer-brand p,
html[data-theme="dark"] .footer-bottom,
html[data-theme="dark"] .footer-bottom a,
body.dark-mode .site-footer a,
body.dark-mode .footer-column a,
body.dark-mode .footer-contact-item,
body.dark-mode .footer-brand p,
body.dark-mode .footer-bottom,
body.dark-mode .footer-bottom a {
  color: #dcd8ca;
}

html[data-theme="dark"] .footer-column h3,
html[data-theme="dark"] .footer-contact-us h3,
html[data-theme="dark"] .footer-contact h3,
body.dark-mode .footer-column h3,
body.dark-mode .footer-contact-us h3,
body.dark-mode .footer-contact h3 {
  color: #ffffff;
}

html[data-theme="dark"] .footer-cta,
html[data-theme="dark"] .footer-eyebrow,
body.dark-mode .footer-cta,
body.dark-mode .footer-eyebrow {
  color: #f2eee4;
  background: transparent;
}

html[data-theme="dark"] .footer-cta,
body.dark-mode .footer-cta {
  border-bottom-color: rgba(242, 238, 228, .6);
}

/* Section labels and eyebrows: lighter accent so they read on dark backgrounds. */
html[data-theme="dark"] .section-number,
html[data-theme="dark"] .eyebrow,
body.dark-mode .section-number,
body.dark-mode .eyebrow {
  color: #d9b994;
}

html[data-theme="dark"] .section-number span,
body.dark-mode .section-number span {
  color: inherit;
}

/* Light buttons and small accent labels stay readable on dark surfaces. */
html[data-theme="dark"] .btn-light,
body.dark-mode .btn-light {
  background: #2b2f25;
  color: #f2eee4;
  border-color: rgba(242, 238, 228, .45);
}

html[data-theme="dark"] .value-index,
html[data-theme="dark"] .post-tag,
html[data-theme="dark"] .detail-label,
body.dark-mode .value-index,
body.dark-mode .post-tag,
body.dark-mode .detail-label {
  color: #d9b994;
}

/* Homepage materials block and contact form heading on dark surfaces. */
html[data-theme="dark"] .wardrova-materials,
html[data-theme="dark"] .materials-content,
body.dark-mode .wardrova-materials,
body.dark-mode .materials-content {
  background: #22251e;
  color: #f2eee4;
}

html[data-theme="dark"] .materials-content h2,
html[data-theme="dark"] .materials-content p,
body.dark-mode .materials-content h2,
body.dark-mode .materials-content p {
  color: #f2eee4;
}

html[data-theme="dark"] .form-heading span,
body.dark-mode .form-heading span {
  color: #d9b994;
}

/* ---------- Dashboard sidebar, profile button and profile form (dark) ---------- */
html[data-theme="dark"] .dashboard-shell{background:var(--paper)}
html[data-theme="dark"] .dashboard-sidebar{background:#1f221b;border-color:#474a3d;color:#f0eee5}
html[data-theme="dark"] .sidebar-user{background:#292c25;border-color:#474a3d}
html[data-theme="dark"] .sidebar-user strong,html[data-theme="dark"] .sidebar-head .eyebrow{color:#f0eee5}
html[data-theme="dark"] .sidebar-user small,html[data-theme="dark"] .sidebar-link{color:#b9b9ad}
html[data-theme="dark"] .sidebar-link i{color:#d2a47d}
html[data-theme="dark"] .sidebar-link:hover{background:#292c25;color:#f0eee5}
html[data-theme="dark"] .sidebar-link.is-active{background:#484633;color:#f1e7bb}
html[data-theme="dark"] .sidebar-link.is-active i{color:#f1e7bb}
html[data-theme="dark"] .sidebar-foot{border-color:#474a3d}
html[data-theme="dark"] .sidebar-close{color:#f0eee5}
html[data-theme="dark"] .sidebar-toggle{background:#1f221b;color:#f0eee5;border-color:#474a3d}
html[data-theme="dark"] .sidebar-toggle i{color:#d2a47d}
html[data-theme="dark"] .sidebar-overlay{background:rgba(0,0,0,.6)}
html[data-theme="dark"] .profile-button{border-color:#474a3d;color:#f0eee5}
html[data-theme="dark"] .profile-button:hover{border-color:#d2a47d}
html[data-theme="dark"] .profile-avatar{background:#d2a47d;color:#1e2118}
html[data-theme="dark"] .profile-panel{background:var(--paper)}
html[data-theme="dark"] .profile-summary{background:#292c25;border-color:#474a3d}
html[data-theme="dark"] .profile-summary h3{color:#f0eee5}
html[data-theme="dark"] .profile-role{color:#b9b9ad}
html[data-theme="dark"] .profile-field label{color:#b9b9ad}
html[data-theme="dark"] .profile-field input,html[data-theme="dark"] .profile-field select,html[data-theme="dark"] .profile-field textarea{color:#f0eee5;background:#292c25;border-color:#474a3d}
html[data-theme="dark"] .profile-field input:disabled{opacity:.6}
html[data-theme="dark"] .profile-field select option{background:#292c25;color:#f0eee5}
html[data-theme="dark"] .profile-field input::placeholder,html[data-theme="dark"] .profile-field textarea::placeholder{color:#a9a99d}
html[data-theme="dark"] .profile-field input.is-invalid{border-color:#e09a88}
html[data-theme="dark"] .field-error{color:#e09a88}
html[data-theme="dark"] .profile-check{color:#d0cdbf}
html[data-theme="dark"] .profile-check input{accent-color:#d2a47d}

/* Dark mode: tagline text and its side lines */
html[data-theme="dark"] .wardrova-logo__tagline,
body.dark-mode .wardrova-logo__tagline {
  color: #d5bb83 !important;
}

html[data-theme="dark"] .wardrova-logo__tagline::before,
html[data-theme="dark"] .wardrova-logo__tagline::after,
body.dark-mode .wardrova-logo__tagline::before,
body.dark-mode .wardrova-logo__tagline::after {
  background: #d5bb83 !important;
}