/* MAXTR — ortak tema token'ları (mesaj uygulaması, operasyon paneli, şoför ödemeleri, şoför linki).

Kaynak: mesaj uygulamasının teması. İlk iki blok (`:root` ve koyu tema) mesaj uygulamasının
değerleridir ve DEĞİŞMEZ; mesaj uygulaması bunları birebir kullanır. Altındaki anlamsal token'lar
panel ve şoför ekranları içindir. Kurallar: saf siyah/beyaz yok, metin kontrastı WCAG AA (4.5:1),
vurgu rengi yalnızca ana eylemde ve seçili durumda, uyarılar okunur ama bağırmayan tonlarda.
Bu dosya dışındaki panel/şoför CSS'lerinde sabit renk kodu yoktur (tests/test_theme_tokens.py).
*/

/* ── Mesaj uygulaması (kaynak; değiştirmeyin) ───────────────────────────── */
:root {
  --bg-app: #eae6df;
  --panel: #ffffff;
  --panel-header: #f0f2f5;
  --chat-bg: #efeae2;
  --bubble-out: #d9fdd3;
  --bubble-in: #ffffff;
  --text: #111b21;
  --text-2: #667781;
  --text-3: #8696a0;
  --accent: #00a884;
  --accent-strong: #008069;
  --accent-soft: #d9fdd3;
  --tick-blue: #53bdeb;
  --border: #e9edef;
  --hover: #f5f6f6;
  --active: #f0f2f5;
  --danger: #ea0038;
  --warn-bg: #fff3c4;
  --warn-text: #6b5300;
  --unread: #25d366;
  --day-bubble: #ffffff;
  --day-text: #54656f;
  --shadow: 0 1px 0.5px rgba(11, 20, 26, 0.13);
  --input-bg: #ffffff;
  --search-bg: #f0f2f5;
  --chip-bg: #f0f2f5;
  --chip-active-bg: #d9fdd3;
  --chip-active-text: #008069;
  --tpl-btn-bg: rgba(11, 20, 26, 0.04);
  --tpl-btn-text: #027eb5;
  --modal-backdrop: rgba(11, 20, 26, 0.45);
  --doodle: rgba(0, 0, 0, 0.035);
  --radius: 7.5px;
  --font: -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", Helvetica, Arial, sans-serif;
  color-scheme: light dark;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --bg-app: #0c1317;
    --panel: #111b21;
    --panel-header: #202c33;
    --chat-bg: #0b141a;
    --bubble-out: #005c4b;
    --bubble-in: #202c33;
    --text: #e9edef;
    --text-2: #8696a0;
    --text-3: #8696a0;
    --accent: #00a884;
    --accent-strong: #00a884;
    --accent-soft: #0a332c;
    --border: #222d34;
    --hover: #202c33;
    --active: #2a3942;
    --danger: #f15c6d;
    --warn-bg: #3d3416;
    --warn-text: #f5d76e;
    --day-bubble: #182229;
    --day-text: #8696a0;
    --shadow: 0 1px 0.5px rgba(11, 20, 26, 0.5);
    --input-bg: #2a3942;
    --search-bg: #202c33;
    --chip-bg: #202c33;
    --chip-active-bg: #0a332c;
    --chip-active-text: #00a884;
    --tpl-btn-bg: rgba(255, 255, 255, 0.05);
    --tpl-btn-text: #53bdeb;
    --modal-backdrop: rgba(0, 0, 0, 0.6);
    --doodle: rgba(255, 255, 255, 0.025);
  }
}
:root[data-theme="dark"] {
    --bg-app: #0c1317;
    --panel: #111b21;
    --panel-header: #202c33;
    --chat-bg: #0b141a;
    --bubble-out: #005c4b;
    --bubble-in: #202c33;
    --text: #e9edef;
    --text-2: #8696a0;
    --text-3: #8696a0;
    --accent: #00a884;
    --accent-strong: #00a884;
    --accent-soft: #0a332c;
    --border: #222d34;
    --hover: #202c33;
    --active: #2a3942;
    --danger: #f15c6d;
    --warn-bg: #3d3416;
    --warn-text: #f5d76e;
    --day-bubble: #182229;
    --day-text: #8696a0;
    --shadow: 0 1px 0.5px rgba(11, 20, 26, 0.5);
    --input-bg: #2a3942;
    --search-bg: #202c33;
    --chip-bg: #202c33;
    --chip-active-bg: #0a332c;
    --chip-active-text: #00a884;
    --tpl-btn-bg: rgba(255, 255, 255, 0.05);
    --tpl-btn-text: #53bdeb;
    --modal-backdrop: rgba(0, 0, 0, 0.6);
    --doodle: rgba(255, 255, 255, 0.025);
}

/* Kullanıcının seçtiği tema (<html data-theme="dark|light">; "sistem"de öznitelik yok). Koyu değerler
   yukarıda iki kez yazılır: işletim sistemi koyuyken (açık seçilmediyse) ve data-theme="dark" iken.
   İki blok birebir aynı olmalı (tests/test_theme_tokens.py). */
:root[data-theme="dark"] { color-scheme: dark; }
:root[data-theme="light"] { color-scheme: light; }

/* ── Ortak anlamsal token'lar ───────────────────────────────────────────── */
:root {
  --surface-page: var(--panel-header);
  --surface-card: #fbfcfc;            /* saf beyaz değil */
  --surface-sunken: #f3f5f6;          /* tablo başlığı, kod alanı */
  --surface-input: #fbfcfc;
  --text-2-soft: #5f6f79;             /* ikincil metin: sayfa/çip zemininde de AA (mesajdaki #667781 4.1:1) */
  --accent-fill: var(--accent-strong); /* ana eylem / seçili dolgu (AA: üstündeki yazıyla ≥ 4.5:1) */
  --on-accent: #fbfcfc;               /* vurgu dolgusunun üstündeki yazı */
  --switch-thumb: #fbfcfc;
  --danger-text: #a61e3a;
  --danger-bg: #fbedf0;
  --danger-line: #d65a72;
  --info-text: #1d6690;
  --info-bg: #e6f2f8;
  --ok-text: #00705c;
  --ok-bg: var(--accent-soft);
  --urgent-row-bg: #fcf2f4;
  --elev-shadow: 0 2px 10px rgba(11, 20, 26, 0.10);
  --overlay-shadow: 0 8px 32px rgba(11, 20, 26, 0.18);
  --map-zone: #008069;
  --map-zone-selected: #b36b12;
  --map-zone-off: #8696a0;
  --map-airport: #008069;
  --map-label-bg: color-mix(in srgb, var(--surface-card) 92%, transparent);
  --map-icon-filter: none;
  --tile-filter: none;
  --strip-strength: 100%;             /* iş listesi renk şeridi: kural rengi oranı */
  --radius-sm: 8px;
  --radius-md: 10px;
  --radius-lg: 12px;
  --focus-ring: 0 0 0 2px var(--accent);
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --surface-card: #111b21;
    --surface-sunken: #0f181d;
    --surface-input: #2a3942;
    --text-2-soft: #8696a0;
    --ok-text: #00a884;
    --on-accent: #111b21;
    --switch-thumb: #e9edef;
    --danger-text: #f2a0aa;
    --danger-bg: #3a2228;
    --danger-line: #c9606f;
    --info-text: #8fcbeb;
    --info-bg: #16303d;
    --urgent-row-bg: #2a1d22;
    --elev-shadow: 0 2px 10px rgba(0, 0, 0, 0.40);
    --overlay-shadow: 0 8px 32px rgba(0, 0, 0, 0.55);
    --map-zone: #3fbf9f;
    --map-zone-selected: #e0a24a;
    --map-zone-off: #8696a0;
    --map-airport: #3fbf9f;
    --map-icon-filter: invert(0.9) hue-rotate(180deg);
    --tile-filter: brightness(0.85);
    --strip-strength: 72%;            /* pastel kural renkleri koyu zeminde parlamasın */
  }
}
:root[data-theme="dark"] {
    --surface-card: #111b21;
    --surface-sunken: #0f181d;
    --surface-input: #2a3942;
    --text-2-soft: #8696a0;
    --ok-text: #00a884;
    --on-accent: #111b21;
    --switch-thumb: #e9edef;
    --danger-text: #f2a0aa;
    --danger-bg: #3a2228;
    --danger-line: #c9606f;
    --info-text: #8fcbeb;
    --info-bg: #16303d;
    --urgent-row-bg: #2a1d22;
    --elev-shadow: 0 2px 10px rgba(0, 0, 0, 0.40);
    --overlay-shadow: 0 8px 32px rgba(0, 0, 0, 0.55);
    --map-zone: #3fbf9f;
    --map-zone-selected: #e0a24a;
    --map-zone-off: #8696a0;
    --map-airport: #3fbf9f;
    --map-icon-filter: invert(0.9) hue-rotate(180deg);
    --tile-filter: brightness(0.85);
    --strip-strength: 72%;            /* pastel kural renkleri koyu zeminde parlamasın */
}

/* Panel ve şoför ekranları: kartlar ve form alanları saf beyaz değil (mesaj uygulamasında yok) */
.surface-soft {
  --panel: var(--surface-card);
  --input-bg: var(--surface-input);
  --text-2: var(--text-2-soft);
}