/* =============================================================================
 * İYİ CRM — tema (FAZ M12)
 * Yazı tipi: Manrope (değişken, OFL 1.1) sunucuda barındırılır — Google Fonts'tan çekmek
 * Almanya'da GDPR ihlali sayılır. Latin + Latin-ext (TR/DE) + Kiril (RU).
 * Renk: mevcut lacivert-mavi kimlik, bir ton derinleştirildi. Koyu tema:
 *   <html data-theme="dark">  ya da cihaz koyu + data-theme yok/auto.
 * app.css bileşenleri bu değişkenleri kullanır; yeni bileşenler ui.css'te.
 * ========================================================================== */

@font-face { font-family: 'Manrope'; font-style: normal; font-weight: 200 800; font-display: swap;
  src: url('../fonts/manrope-latin-wght-normal.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: 'Manrope'; font-style: normal; font-weight: 200 800; font-display: swap;
  src: url('../fonts/manrope-latin-ext-wght-normal.woff2') format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: 'Manrope'; font-style: normal; font-weight: 200 800; font-display: swap;
  src: url('../fonts/manrope-cyrillic-wght-normal.woff2') format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; }

:root {
    color-scheme: light;
    --font: 'Manrope', system-ui, -apple-system, 'Segoe UI', sans-serif;

    --bg: #f3f5fa;
    --card: #ffffff;
    --surface-2: #f5f7fc;          /* tablo başlığı, alan zemini, ikincil yüzey */
    --field: #ffffff;
    --border: #e2e7f1;
    --border-strong: #cfd6e6;
    --text: #111831;
    --muted: #5a6482;
    --text-2: #3c4668;

    --primary: #2447d6;
    --primary-deep: #1a37b0;
    --primary-dark: #1a37b0;
    --primary-soft: #e8edff;
    --primary-ink: #1e3ab8;
    --grad-primary: linear-gradient(0deg, #2447d6, #2447d6);   /* eski gradyan kullanımları düz renge döner */

    --danger: #b42318;  --danger-soft: #fde8e6;
    --ok: #0b6b3e;      --ok-soft: #e3f6ec;
    --warn: #8a5300;    --warn-soft: #fff3dc;
    --success: #12a150;

    --sidebar: #0e1733;
    --sidebar-2: #16244f;
    --sidebar-text: #c9d3f0;

    --ring: 0 0 0 4px rgba(36, 71, 214, .16);
    --shadow-sm: 0 1px 2px rgba(16, 24, 48, .06);
    --shadow: 0 1px 2px rgba(16, 24, 48, .05), 0 8px 24px rgba(16, 24, 48, .06);
    --shadow-lg: 0 18px 44px rgba(13, 21, 48, .18);
    --r: 12px;
    --r-lg: 18px;
    --tr: .2s cubic-bezier(.2, .8, .2, 1);
}

/* ---------------------------------------------------------------- koyu tema */
:root[data-theme="dark"] {
    color-scheme: dark;
    --bg: #0a0f1e;
    --card: #111a2e;
    --surface-2: #16213a;
    --field: #0f1729;
    --border: #22304f;
    --border-strong: #2f3f63;
    --text: #e8edf8;
    --muted: #9aa7c6;
    --text-2: #c3cce3;
    --primary: #6f8cff;
    --primary-deep: #8ba2ff;
    --primary-dark: #8ba2ff;
    --primary-soft: #1a2550;
    --primary-ink: #a9baff;
    --grad-primary: linear-gradient(0deg, #3f63f0, #3f63f0);
    --danger: #ff8a80;  --danger-soft: #3b1616;
    --ok: #6fdca5;      --ok-soft: #0f3325;
    --warn: #f2c067;    --warn-soft: #3a2a0a;
    --success: #3ecf85;
    --sidebar: #070b17;
    --sidebar-2: #0f1830;
    --ring: 0 0 0 4px rgba(111, 140, 255, .22);
    --shadow-sm: none;
    --shadow: 0 0 0 1px rgba(0, 0, 0, .15);
    --shadow-lg: 0 18px 44px rgba(0, 0, 0, .5);
}
@media (prefers-color-scheme: dark) {
    :root:not([data-theme="light"]) {
        color-scheme: dark;
        --bg: #0a0f1e; --card: #111a2e; --surface-2: #16213a; --field: #0f1729; --border: #22304f; --border-strong: #2f3f63;
        --text: #e8edf8; --muted: #9aa7c6; --text-2: #c3cce3; --primary: #6f8cff; --primary-deep: #8ba2ff; --primary-dark: #8ba2ff;
        --primary-soft: #1a2550; --primary-ink: #a9baff; --grad-primary: linear-gradient(0deg, #3f63f0, #3f63f0);
        --danger: #ff8a80; --danger-soft: #3b1616; --ok: #6fdca5; --ok-soft: #0f3325; --warn: #f2c067; --warn-soft: #3a2a0a;
        --success: #3ecf85; --sidebar: #070b17; --sidebar-2: #0f1830; --ring: 0 0 0 4px rgba(111, 140, 255, .22);
        --shadow-sm: none; --shadow: 0 0 0 1px rgba(0, 0, 0, .15); --shadow-lg: 0 18px 44px rgba(0, 0, 0, .5);
    }
}

html, body, button, input, select, textarea { font-family: var(--font); }
body { background: var(--bg); color: var(--text); font-feature-settings: 'tnum' 1, 'cv11' 1; -webkit-font-smoothing: antialiased; }