/* Tema değişkenleri — ekrandegisimi.net. 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:        #f6f8fb;
  --color-surface:   #ffffff;
  --color-surface-2: #eaf0f8;
  --color-ink:       #16233a;
  --color-muted:     #5b6a80;
  --color-accent:    #2f7fd6;
  --color-accent-2:  #4a9beb;
  --color-accent-deep: #1f5fa8;
  --color-accent-ink: #ffffff;
  --color-line:      rgba(22, 35, 58, .13);
  --color-danger:    #c0392b;
  --footer-bg:       #0c1420;
  --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:        #0c1420;
    --color-surface:   #141f30;
    --color-surface-2: #192a38;
    --color-ink:       #eef3fa;
    --color-muted:     #93a5bd;
    --color-accent:    #4a9beb;
    --color-accent-2:  #74b8f5;
    --color-accent-deep: #1f5fa8;
    --color-accent-ink: #06111d;
    --color-line:      rgba(238, 243, 250, .13);
  }
}
:root[data-theme="dark"] {
  --color-bg: #0c1420; --color-surface: #141f30; --color-surface-2: #192a38;
  --color-ink: #eef3fa; --color-muted: #93a5bd; --color-accent: #4a9beb;
  --color-accent-2: #74b8f5; --color-accent-deep: #1f5fa8; --color-accent-ink: #06111d;
  --color-line: rgba(238, 243, 250, .13);
}
:root[data-theme="light"] {
  --color-bg: #f6f8fb; --color-surface: #ffffff; --color-surface-2: #eaf0f8;
  --color-ink: #16233a; --color-muted: #5b6a80; --color-accent: #2f7fd6;
  --color-accent-2: #4a9beb; --color-accent-deep: #1f5fa8; --color-accent-ink: #ffffff;
  --color-line: rgba(22, 35, 58, .13);
}