:root {
  --bg:#fff;--surface:#f7f8fa;--text:#1f2937;--muted:#6b7280;--primary:#1E88E5;--accent:#43A047;--border:#e5e7eb;--chip:#fff
}
:root[data-theme="slate"]{--bg:#e9eef5;--surface:#f4f6fa;--text:#0f172a;--muted:#334155;--primary:#1E88E5;--accent:#2e7d32;--border:#cbd5e1;--chip:#fff}
:root[data-theme="dark"]{--bg:#0b0f14;--surface:#0f141b;--text:#e6edf3;--muted:#9aa6b2;--primary:#1E88E5;--accent:#43A047;--border:#1b2430;--chip:#fff}
:root[data-theme="blue"]{--bg:#122037;--surface:#182a45;--text:#e8f0fb;--muted:#a9bdd8;--primary:#59a9ff;--accent:#43A047;--border:#233554;--chip:#fff}
html,body{background:var(--bg);color:var(--text)}.header,.footer,.card{background:var(--surface);border-color:var(--border)}a,.link{color:var(--primary)}.btn-primary{background:var(--primary);color:#fff;border-color:var(--primary)}.btn-secondary{background:var(--accent);color:#fff;border-color:var(--accent)}*{transition:background-color .25s ease,color .25s ease,border-color .25s ease,fill .25s ease,stroke .25s ease}

/* v12 mobile gutter fix: keep same reduced gutter from 620px down */
@media (max-width: 620px){
  .ddtd-hero .container,
  .ddtd-section .container,
  .ddtd-page .container,
  .site-header .container,
  .site-header .container.header-inner{
    width: calc(100% - 18px) !important;
    max-width: none !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
}
@media (max-width: 560px){
  .ddtd-hero .container,
  .ddtd-section .container,
  .ddtd-page .container,
  .site-header .container,
  .site-header .container.header-inner{
    width: calc(100% - 18px) !important;
    max-width: none !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
}