:root { color-scheme: light; }
:root[data-theme="dark"] {
  color-scheme: dark;
  --color-primary: #75d5ca;
  --color-primary-dark: #80d8cd;
  --color-action: #246d68;
  --color-action-hover: #1b5853;
  --color-primary-deep: #a0e4db;
  --color-background: #121c1b;
  --color-surface: #1c2927;
  --color-surface-soft: #263633;
  --color-text: #e5eeeb;
  --color-text-soft: #b6c9c3;
  --color-border: #4a625b;
  --color-info: #8ad6ff;
  --color-success: #8fdfb8;
  --color-warning: #ffd08a;
  --color-danger: #ffb4ab;
}
[data-theme-toggle] { display: inline-grid; place-items: center; flex: 0 0 44px; width: 44px; height: 44px; padding: 0; color: var(--color-text-soft); background: var(--color-surface); border: 1px solid var(--color-border); border-radius: 50%; cursor: pointer; }
[data-theme-toggle][aria-pressed="true"] { color: var(--color-primary); background: var(--color-surface-soft); border-color: var(--color-primary); }
[data-theme-toggle]:hover { color: var(--color-primary); }
[data-theme-toggle]:focus-visible { outline: 3px solid var(--color-primary); outline-offset: 3px; }
:root[data-theme="dark"] .site-header {
  background: var(--color-surface);
  border-bottom-color: var(--color-border);
}
:root[data-theme="dark"] .site-footer {
  background: var(--color-surface);
  color: var(--color-text-soft);
  border-top: 1px solid var(--color-border);
}
:root[data-theme="dark"] .site-footer h3,
:root[data-theme="dark"] .site-footer .footer-collaborator p {
  color: var(--color-text);
}
:root[data-theme="dark"] .site-footer .footer-ai-notice {
  color: var(--color-text-soft);
}
:root[data-theme="dark"] .site-footer .footer-collaborator,
:root[data-theme="dark"] .site-footer .footer-bottom {
  border-top-color: var(--color-border);
}
@media (max-width: 1120px) {
  :root[data-theme="dark"] .site-header .nav__links {
    background: var(--color-surface);
    border-bottom-color: var(--color-border);
  }
}
@media print { :root[data-theme] { color-scheme: light; } [data-theme-toggle] { display: none; } }

:root { --color-action: var(--color-primary-dark); --color-action-hover: var(--color-primary-deep); }

@media print {
  :root[data-theme="dark"] {
    --color-background: #fff; --color-surface: #fff; --color-surface-soft: #eef4f1;
    --color-text: #1f2a2a; --color-text-soft: #526361; --color-border: #dfe7e3;
    --color-primary: #167a78; --color-primary-dark: #1d7472; --color-primary-deep: #174f58;
  }
}