/* Tema değişkenleri — bataryadegisimi.com. Deploy sırasında theme.css olarak kopyalanır.
   Bu dosya DIŞINDA hiçbir yerde hex renk kodu YAZILMAZ — hepsi var(--...) kullanır. */

:root {
  --color-bg:        #f7faf7;
  --color-surface:   #ffffff;
  --color-surface-2: #edf4ee;
  --color-ink:       #16233a;
  --color-muted:     #5c6b62;
  --color-accent:    #3f9a49;
  --color-accent-2:  #5cb85f;
  --color-accent-deep: #2c7434;
  --color-accent-ink: #ffffff;
  --color-line:      rgba(22, 35, 58, .13);
  --color-danger:    #c0392b;
  --footer-bg:       #0f1613;
  --footer-text:     rgba(255, 255, 255, .78);
  --footer-heading:  #ffffff;
  --footer-line:     rgba(255, 255, 255, .12);
}

@media (prefers-color-scheme: dark) {
  :root {
    --color-bg:        #0f1613;
    --color-surface:   #16201b;
    --color-surface-2: #1b2721;
    --color-ink:       #edf3ee;
    --color-muted:     #9db0a2;
    --color-accent:    #5cb85f;
    --color-accent-2:  #7ecf80;
    --color-accent-deep: #2c7434;
    --color-accent-ink: #0a140b;
    --color-line:      rgba(237, 243, 238, .13);
  }
}
:root[data-theme="dark"] {
  --color-bg: #0f1613; --color-surface: #16201b; --color-surface-2: #1b2721;
  --color-ink: #edf3ee; --color-muted: #9db0a2; --color-accent: #5cb85f;
  --color-accent-2: #7ecf80; --color-accent-deep: #2c7434; --color-accent-ink: #0a140b;
  --color-line: rgba(237, 243, 238, .13);
}
:root[data-theme="light"] {
  --color-bg: #f7faf7; --color-surface: #ffffff; --color-surface-2: #edf4ee;
  --color-ink: #16233a; --color-muted: #5c6b62; --color-accent: #3f9a49;
  --color-accent-2: #5cb85f; --color-accent-deep: #2c7434; --color-accent-ink: #ffffff;
  --color-line: rgba(22, 35, 58, .13);
}