/* Belirtec sistemi — fiyat motorunun panel teması (tasarım 2. tur, 14 Eylül 2026) ERP için uyarlandı: rapor/grafik paleti ve canlı mod rengi çıkarıldı. Bileşen kuralları (`app.css`) ham renk yazmaz; renkler yalnız burada. VARSAYILAN KOYU. Kök (`:root`) koyu paleti taşır: üç katman derinlik — menü `--bg-2`, ana zemin `--bg`, kartlar `--surface`. TEMA üç durumlu: ``, `data-theme="light"` ya da öznitelik yok (işletim sisteminin tercihi). Öznitelik SUNUCUDA basılır (`apps/core/context_processors.py`); çerez yoksa koyu basılır. Açık değerler iki kez yazılı: bir `prefers-color-scheme: light` içinde (öznitelik yokken), bir `[data-theme="light"]` içinde. İkisi aynı kalmalı; `tests/test_core.py` karşılaştırıyor. KONTRAST: metin belirteçleri kullanıldıkları zeminlere göre en az 4,5:1 (WCAG AA) — değerler fiyat motorunda ölçüldü, burada değiştirilmedi. YAZI TİPİ: Roboto (arayüz) ve Roboto Mono (rakam, kod) — `fonts/` altında, kendimiz sunuyoruz (SIL OFL). Google Fonts'a hiçbir istek gitmez. */ @font-face { font-family: "Roboto"; font-style: normal; font-weight: 400; font-display: swap; src: url("fonts/roboto-400.woff2") format("woff2"); } @font-face { font-family: "Roboto"; font-style: normal; font-weight: 500; font-display: swap; src: url("fonts/roboto-500.woff2") format("woff2"); } @font-face { font-family: "Roboto"; font-style: normal; font-weight: 700; font-display: swap; src: url("fonts/roboto-700.woff2") format("woff2"); } @font-face { font-family: "Roboto Mono"; font-style: normal; font-weight: 400; font-display: swap; src: url("fonts/roboto-mono-400.woff2") format("woff2"); } @font-face { font-family: "Roboto Mono"; font-style: normal; font-weight: 500; font-display: swap; src: url("fonts/roboto-mono-500.woff2") format("woff2"); } :root { color-scheme: dark; /* --- renk: katmanlar --- */ --bg: #1a1d21; --bg-2: #15181b; --surface: #22262b; --surface-2: #282d33; --line: #2f353b; --line-2: #262b31; --hover: rgba(255, 255, 255, 0.055); --rail-active: #233040; /* --- renk: metin --- */ --ink: #e7ebef; --ink-2: #a6b0ba; --ink-3: #8d969f; /* --- renk: vurgu --- */ --accent: #8fb4d9; --accent-ink: #13202c; --accent-soft: #1f2b36; --accent-deep: #aecae6; --attn: #d9be7e; --attn-soft: #2e2a1c; --bad: #d99e96; --bad-soft: #31211f; --good: #8fc2a6; --good-soft: #1c2c24; --focus: #8fb4d9; /* --- gölge ve biçim --- */ --sh-1: 0 1px 2px rgba(0, 0, 0, 0.45); --sh-2: 0 1px 3px rgba(0, 0, 0, 0.55), 0 10px 24px -12px rgba(0, 0, 0, 0.85); --r-card: 16px; --r-ctl: 10px; --r-pill: 999px; /* --- tipografi --- */ --font-sans: "Roboto", system-ui, -apple-system, "Segoe UI", sans-serif; /* Roboto Mono'da ₺ yok: bir sonraki aile Roboto, sistem yazı tipi değil. */ --font-mono: "Roboto Mono", "Roboto", ui-monospace, "SFMono-Regular", Consolas, monospace; --text-2xs: 0.68rem; --text-xs: 0.74rem; --text-sm: 0.83rem; --text-base: 0.906rem; --text-md: 1.02rem; --text-lg: 1.5rem; --text-xl: 2.15rem; /* --- boşluk --- */ --space-1: 4px; --space-2: 8px; --space-3: 12px; --space-4: 16px; --space-5: 22px; --space-6: 30px; --rail-width: 238px; } @media (prefers-color-scheme: light) { :root:not([data-theme="dark"]) { color-scheme: light; --bg: #edf0f3; --bg-2: #e3e7ec; --surface: #fafbfc; --surface-2: #f2f5f7; --line: #dce1e6; --line-2: #e8ecf0; --hover: rgba(0, 0, 0, 0.045); --rail-active: #d7e4ee; --ink: #1a1d21; --ink-2: #535c66; --ink-3: #5f6770; --accent: #41708f; --accent-ink: #ffffff; --accent-soft: #dfe9f0; --accent-deep: #2f5a76; --attn: #816225; --attn-soft: #f1e7d2; --bad: #985146; --bad-soft: #f2e1dc; --good: #3c725b; --good-soft: #e0ede5; --focus: #41708f; --sh-1: 0 1px 2px rgba(26, 29, 33, 0.05), 0 1px 3px rgba(26, 29, 33, 0.04); --sh-2: 0 1px 3px rgba(26, 29, 33, 0.06), 0 8px 20px -10px rgba(26, 29, 33, 0.16); } } :root[data-theme="light"] { color-scheme: light; --bg: #edf0f3; --bg-2: #e3e7ec; --surface: #fafbfc; --surface-2: #f2f5f7; --line: #dce1e6; --line-2: #e8ecf0; --hover: rgba(0, 0, 0, 0.045); --rail-active: #d7e4ee; --ink: #1a1d21; --ink-2: #535c66; --ink-3: #5f6770; --accent: #41708f; --accent-ink: #ffffff; --accent-soft: #dfe9f0; --accent-deep: #2f5a76; --attn: #816225; --attn-soft: #f1e7d2; --bad: #985146; --bad-soft: #f2e1dc; --good: #3c725b; --good-soft: #e0ede5; --focus: #41708f; --sh-1: 0 1px 2px rgba(26, 29, 33, 0.05), 0 1px 3px rgba(26, 29, 33, 0.04); --sh-2: 0 1px 3px rgba(26, 29, 33, 0.06), 0 8px 20px -10px rgba(26, 29, 33, 0.16); }