/* ─── Тёмная тема ─────────────────────────────────────────────── */
[data-theme="dark"] {
  /* Стандартные токены (portfolio, contacts, index) */
  --bg:      #1A1714;
  --bg-white:#211E1B;
  --bg-card: #2A2520;
  --txt:     #EDE8DF;
  --txt2:    #B8AFA3;
  --muted:   #7A7268;
  --acc:     #E7B15F;
  --acc-b:   #C9924A;
  --bdr:     #3A342E;
  --bdr-l:   #2E2923;
  --bdr-ll:  #3A342E;
  --dark:    #111009;
  --dark-txt:#EDE8DF;
  --dark-ph: #E7B15F;
  --ph-a:    #211E1B;
  --ph-b:    #1A1714;
  --footer:  #0D0B09;

  /* Токены калькулятора (другие имена) */
  --bg-primary:     #1A1714;
  --bg-secondary:   #211E1B;
  --text-primary:   #EDE8DF;
  --secondary:      #7A7268;
  --accent:         #E7B15F;
  --accent-hover:   #C9924A;
  --accent-light:   #3A2E1A;
  --border:         #3A342E;
  --border-light:   #2E2923;
  --dark-surface:   #111009;
  --dark-text:      #EDE8DF;
  --dark-text-muted:#B8AFA3;
}

/* ─── Кнопка переключения темы ────────────────────────────────── */
.theme-toggle {
  background: transparent;
  border: 1.5px solid currentColor;
  border-radius: 2px;
  cursor: pointer;
  font-size: 14px;
  padding: 4px 9px;
  line-height: 1;
  opacity: 0.65;
  transition: opacity .15s;
  flex-shrink: 0;
}
.theme-toggle:hover { opacity: 1; }

/* ─── Карта объектов (portfolio) — точки видны на тёмном фоне ─── */
[data-theme="dark"] .dot-ring { stroke: #EDE8DF; }