/* Version 13: accessible light/dark appearance for all pages and the private workspace */
.theme-toggle{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:42px;min-width:44px;border:1px solid #becfc2;background:#fff;color:#204934;border-radius:6px;padding:8px 12px;cursor:pointer;font:600 13px/1.2 system-ui,-apple-system,"Segoe UI",Arial,sans-serif;white-space:nowrap;touch-action:manipulation;flex-shrink:0}
.theme-toggle svg{display:block;flex:none}.theme-toggle [hidden]{display:none!important}
.theme-toggle:hover{border-color:#679873;background:#edf4ed}
.theme-toggle:focus-visible{outline:3px solid #87ad62;outline-offset:3px}
@media(max-width:820px){.site-header .theme-toggle{margin-left:auto}.site-header .menu-button{margin-left:0}}
@media(max-width:410px){.site-header .theme-toggle{padding:9px 11px}.site-header .theme-caption{display:none}.nav-inner{gap:9px}}
/* Do not alter brand artwork or genuine portfolio screenshots in dark mode. */
html[data-theme="dark"]{color-scheme:dark;--cream:#0d1914;--paper:#17291e;--ink:#ebf3ec;--muted:#b5c9bc;--border:#334e3d;--green:#b2dea9;--deep:#f1f7f1;--white:#192d21;--accent:#34543a}
html[data-theme="dark"] body{background:#0d1914;color:#ebf3ec}
html[data-theme="dark"] .site-header,
html[data-theme="dark"] .hero,
html[data-theme="dark"] .plans-section,
html[data-theme="dark"] .site-header .mobile-nav:not([hidden]){background:#112219;color:#eaf3ec;border-color:#334e3d}
html[data-theme="dark"] .logo,html[data-theme="dark"] .desktop-links a,
html[data-theme="dark"] .desktop-links a:hover,
html[data-theme="dark"] .menu-button,
html[data-theme="dark"] .hero-category{color:#dbefdc}
html[data-theme="dark"] .logo img,html[data-theme="dark"] .footer-logo img{filter:brightness(1.32) saturate(.9)}
html[data-theme="dark"] .mobile-nav a{border-color:#334e3d;color:#eff6ee}
html[data-theme="dark"] .site-header .menu-button{background:#1b3325;color:#eaf3ec}
html[data-theme="dark"] .menu-bars i{background:#deebdd}
html[data-theme="dark"] .header-cta,
html[data-theme="dark"] .button-primary,
html[data-theme="dark"] .submit-btn,
html[data-theme="dark"] .plan-cta,
html[data-theme="dark"] .filter.active,
html[data-theme="dark"] .mobile-nav .mobile-contact{background:#b7dca7;color:#10291b;border-color:#b7dca7}
html[data-theme="dark"] .header-cta:hover,
html[data-theme="dark"] .button-primary:hover,
html[data-theme="dark"] .submit-btn:hover,
html[data-theme="dark"] .plan-cta:hover{background:#d0efbe;color:#10291b}
html[data-theme="dark"] .button-outline,
html[data-theme="dark"] .filter,
html[data-theme="dark"] .carousel-arrow,
html[data-theme="dark"] .currency-tools select,
html[data-theme="dark"] .theme-toggle{background:#1d3326;color:#eaf4eb;border-color:#55715a}
html[data-theme="dark"] .theme-toggle:hover,
html[data-theme="dark"] .button-outline:hover,
html[data-theme="dark"] .carousel-arrow:hover:not(:disabled){background:#2c4e36}
html[data-theme="dark"] .filter span,
html[data-theme="dark"] .portfolio-note,
html[data-theme="dark"] .project-info p,
html[data-theme="dark"] .plan-kicker,
html[data-theme="dark"] .fx-disclaimer,
html[data-theme="dark"] .package-note,
html[data-theme="dark"] .currency-tools p,
html[data-theme="dark"] .price-base,
html[data-theme="dark"] .carousel-status,
html[data-theme="dark"] .plan-price small,
html[data-theme="dark"] .visual-caption,
html[data-theme="dark"] .project-badge{color:#b7cbbc}
html[data-theme="dark"] .filter.active span{color:#304d36}
html[data-theme="dark"] .project-art,
html[data-theme="dark"] .screenshot-project,
html[data-theme="dark"] .artwork-photo,
html[data-theme="dark"] .hero-stage,
html[data-theme="dark"] .hero-cover-gallery{background:#1c3022;border-color:#385742}
html[data-theme="dark"] .site-shot-frame,
html[data-theme="dark"] .site-shot-toolbar{border-color:#385742}
/* Browser screenshot surfaces remain naturally light, like the actual websites pictured. */
html[data-theme="dark"] .site-shot-toolbar{background:#e9eee8;color:#47614a}
html[data-theme="dark"] .shot-background,
html[data-theme="dark"] .dynamic-fallback,
html[data-theme="dark"] .portfolio-empty{background:#1a3122;color:#d7ebd9}
html[data-theme="dark"] .project-info h3,
html[data-theme="dark"] .plan-card h3,
html[data-theme="dark"] .section-heading h2,
html[data-theme="dark"] .studio-simple h2,
html[data-theme="dark"] .contact-info h2{color:#eaf3ec}
html[data-theme="dark"] .services-section{background:#12251a;border-color:#334e3d}
html[data-theme="dark"] .service-card,
html[data-theme="dark"] .plan-card,
html[data-theme="dark"] .studio-panel,
html[data-theme="dark"] .form-card{background:#1a3023;color:#ebf3ec;border-color:#395641}
html[data-theme="dark"] .service-card:hover{border-color:#a4c79b;box-shadow:0 6px 20px #05160b33}
html[data-theme="dark"] .service-icon{color:#a3d79a}
html[data-theme="dark"] .package-details{border-color:#36523e}
html[data-theme="dark"] .package-details ul,
html[data-theme="dark"] .contact-info .phone{color:#c1d3c4}
html[data-theme="dark"] .contact-section{background:#0d1914}
html[data-theme="dark"] .form-card h3,
html[data-theme="dark"] .form-card label{color:#edf4ee}
html[data-theme="dark"] input:not([type=checkbox]),
html[data-theme="dark"] textarea,
html[data-theme="dark"] select{background:#14251b;color:#eef6ef;border-color:#526b56}
html[data-theme="dark"] input::placeholder,
html[data-theme="dark"] textarea::placeholder{color:#abbfad;opacity:1}
html[data-theme="dark"] .visual-caption,
html[data-theme="dark"] .hero-project-label{background:#1b3225;color:#c3d6c7}
html[data-theme="dark"] .visual-caption strong{color:#c7e9b8}
html[data-theme="dark"] .visual-browser-bar{background:#f3f6ef;color:#465f4c}
html[data-theme="dark"] .visual-browser-bar small{color:#415c46}
html[data-theme="dark"] .hero-capture-fallback{background:#1e3527;color:#e7f4e6}
html[data-theme="dark"] .brand-visual{background:#172b20}
html[data-theme="dark"] .site-footer{background:#08150f;color:#e4eee6;border-color:#385742}
html[data-theme="dark"] .simple-content .eyebrow{color:#b4d3a8}
html[data-theme="dark"] .simple-content .inline-link,
html[data-theme="dark"] .simple-footer a{color:#b2dea9}
html[data-theme="dark"] .simple-content .btn{background:#b7dca7;color:#10291b}
html[data-theme="dark"] .simple-footer{border-color:#334e3d}
/* Preserve white cookie/consent panel with explicit dark text for legibility in both modes */
html[data-theme="dark"] .analytics-consent{background:#192e21;color:#ecf5ec;border-color:#53725a}
html[data-theme="dark"] .analytics-consent a{color:#d1ebb7}
html[data-theme="dark"] .analytics-consent button{background:#b7dca7;color:#10291b;border-color:#b7dca7}
html[data-theme="dark"] .analytics-consent button[data-analytics-reject]{background:#233c2c;color:#edf6ee;border-color:#a5c89f}
/* Service detail pages use their own layout CSS. */
html[data-theme="dark"] body:has(.breadcrumb){background:#0d1914;color:#edf4ee}
html[data-theme="dark"] body:has(.breadcrumb) header,
html[data-theme="dark"] body:has(.breadcrumb) .end{background:#0e291d}
html[data-theme="dark"] body:has(.breadcrumb) .intro,
html[data-theme="dark"] body:has(.breadcrumb) .breadcrumb,
html[data-theme="dark"] body:has(.breadcrumb) .note{color:#c1d2c5}
html[data-theme="dark"] body:has(.breadcrumb) .tint{background:#152b1e}
html[data-theme="dark"] body:has(.breadcrumb) .section{border-color:#38503d}
html[data-theme="dark"] body:has(.breadcrumb) .card{background:#1b3224;color:#eef6ed;border-color:#3a5843}
html[data-theme="dark"] body:has(.breadcrumb) .button,
html[data-theme="dark"] body:has(.breadcrumb) .end .button{background:#b7dca7;color:#10291b}
html[data-theme="dark"] body:has(.breadcrumb) footer{background:#091810;color:#e4efe4}
/* Private admin workspace (no loss of editing functionality). */
html[data-theme="dark"] body:has(.admin-main){background:#0e1c15;color:#ebf5ec}
html[data-theme="dark"] .admin-header,
html[data-theme="dark"] .notice,
html[data-theme="dark"] .setup-card,
html[data-theme="dark"] .login-card,
html[data-theme="dark"] .item-row,
html[data-theme="dark"] .editor-card{background:#1a3023;color:#edf5ec;border-color:#395642}
html[data-theme="dark"] .admin-header{box-shadow:0 1px 0 #395642}
html[data-theme="dark"] .admin-header .brand{color:#e8f1e9}
html[data-theme="dark"] .admin-header .brand span span{color:#c5e1ae}
html[data-theme="dark"] .admin-header .brand small{color:#b4c9b7}
html[data-theme="dark"] .admin-header img{filter:brightness(1.32)}
html[data-theme="dark"] .admin-header .theme-toggle,
html[data-theme="dark"] .header-right button,
html[data-theme="dark"] .item-actions button,
html[data-theme="dark"] .outline-btn{background:#253e2c;color:#eef6ee;border-color:#587259}
html[data-theme="dark"] .welcome p,
html[data-theme="dark"] .setup-card p,
html[data-theme="dark"] .login-card p,
html[data-theme="dark"] .section-heading p,
html[data-theme="dark"] .help,
html[data-theme="dark"] .account-label,
html[data-theme="dark"] .item-main small,
html[data-theme="dark"] .editor-card label small{color:#bed2c1}
html[data-theme="dark"] .welcome h1,
html[data-theme="dark"] .section-heading h2,
html[data-theme="dark"] .editor-card h3{color:#ecf3ec}
html[data-theme="dark"] .tabs{border-color:#3b5842}
html[data-theme="dark"] .tabs button{color:#c0d2c3}
html[data-theme="dark"] .tabs button.active{border-color:#b7dea3;color:#edf5ed}
html[data-theme="dark"] .editor-card label{color:#e1f1e5}
html[data-theme="dark"] .editor-card input:not([type=checkbox]),
html[data-theme="dark"] .editor-card select,
html[data-theme="dark"] .editor-card textarea,
html[data-theme="dark"] .login-card input{background:#10231a;color:#edf5ed;border-color:#587259}
html[data-theme="dark"] .solid-btn{background:#b7dca7;color:#10291b}
html[data-theme="dark"] .image-preview,
html[data-theme="dark"] .item-thumb{background:#223b2a}
html[data-theme="dark"] .admin-footer{color:#adc6b1;border-color:#3c5640}
@media(max-width:820px){body:has(.breadcrumb) header .wrap{gap:12px;flex-wrap:wrap}body:has(.breadcrumb) .theme-toggle{margin-left:auto}}
@media(max-width:600px){.admin-header .theme-caption{display:none}.admin-header .header-right{gap:7px}.admin-header .brand{font-size:.88rem}}
@media(prefers-reduced-motion:reduce){.theme-toggle{transition:none}}

@media(max-width:360px){.site-header .menu-label{display:none}.site-header .menu-button{min-width:45px;justify-content:center}.site-header .nav-inner{gap:7px}}

/* Version 13.1 accessibility fix: keep the About section in the dark palette.
   The light background was previously paired with light-on-light copy. */
html[data-theme="dark"] .studio-section {
  background: #16291e;
  color: #edf5ed;
  border-color: #334e3d;
}
html[data-theme="dark"] .studio-section .studio-simple h2 {
  color: #f4f8f3;
}
html[data-theme="dark"] .studio-section .studio-simple > div:first-child p {
  color: #c9dccc;
}
html[data-theme="dark"] .studio-section .studio-panel {
  background: #203a2b;
  border-color: #526b55;
  color: #edf5ed;
}
html[data-theme="dark"] .studio-section .studio-panel p {
  color: #d3e6d5;
}
html[data-theme="dark"] .studio-section .studio-panel .subtle-link {
  color: #d8efb9;
}
html[data-theme="dark"] .studio-section .studio-panel img {
  filter: brightness(1.7) saturate(.85);
}

/* V14 verified contrast: section headings and ancillary details stay readable. */
html[data-theme="dark"] .studio-section .studio-simple p {color:#d2e2d3}
html[data-theme="dark"] .work-section {background:#0d1914}
html[data-theme="dark"] .work-section .section-heading p,
html[data-theme="dark"] .services-section .section-heading p,
html[data-theme="dark"] .plans-section .section-heading p {color:#c0d3c2}
html[data-theme="dark"] .site-footer .cookie-settings {color:#d4e8d6;border-color:#7d9c81}
.cookie-settings{appearance:none;border:0;border-bottom:1px solid currentColor;background:transparent;padding:0;color:inherit;cursor:pointer;font:inherit;line-height:inherit}
.cookie-settings:focus-visible{outline:2px solid #8cbd7a;outline-offset:4px}
.privacy-cookie-note{font-size:14px;line-height:1.6}

.site-footer .cookie-settings{font-size:inherit;text-decoration:none}