/* DiagBimmer — web design tokens.
   Kaynak: brand/tokens/tokens.json. MAUI karşılığı Resources/Styles/Colors.xaml.
   Bu dosyayı elle değiştirme; tokens.json'u değiştir ve buraya yansıt. */

:root {
  /* Marka */
  --db-blue: #0066B2;
  --db-blue-hover: #0078D4;
  --db-blue-dim: #003A66;
  --db-gold: #D4AF37;          /* SADECE koyu zeminde */
  --db-gold-on-blue: #E1BF4A;  /* mavi zemin üstünde — markın durum çubuğu */
  --db-gold-on-light: #82661A; /* açık zeminde altın metin */

  /* Yüzey — koyu kanonik */
  --db-bg: #0A0B0D;
  --db-bg-elevated: #131418;
  --db-surface: #16181C;
  --db-separator: #262931;

  /* Metin — koyu yüzeyde */
  --db-fg: #F5F6F8;
  --db-fg-secondary: #9EA3AC;
  --db-fg-tertiary: #838892;

  /* Tipografi */
  --db-font-display: 'Saira', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  --db-font-body: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
}

@media (prefers-color-scheme: light) {
  :root:not([data-theme="dark"]) {
    --db-bg: #F5F6F8;
    --db-bg-elevated: #FFFFFF;
    --db-surface: #FFFFFF;
    --db-separator: #DDE0E5;
    --db-fg: #0A0B0D;
    --db-fg-secondary: #4C5059;
    --db-fg-tertiary: #7A7F87;
    --db-gold: var(--db-gold-on-light);
  }
}

:root[data-theme="dark"] {
  --db-bg: #0A0B0D; --db-bg-elevated: #131418; --db-surface: #16181C; --db-separator: #262931;
  --db-fg: #F5F6F8; --db-fg-secondary: #9EA3AC; --db-fg-tertiary: #838892; --db-gold: #D4AF37;
}

/* Wordmark — camelCase kimliği ağırlıkla taşınır. Harfleri elle boşluklama. */
.db-wordmark { font-family: var(--db-font-display); letter-spacing: -0.01em; line-height: 1; white-space: nowrap; }
.db-wordmark .diag   { font-weight: 400; color: var(--db-fg-secondary); }
.db-wordmark .bimmer { font-weight: 700; color: var(--db-fg); }