/*
 * WonERP tasarım değişkenleri ve font — hem ERP (wonerp.css ile) hem
 * tanıtım sitesi tarafından yüklenir. Bileşen kuralları burada değil.
 */

/* ---------- Font (sunucudan, dış istek yok) ---------- */

@font-face { font-family: "IBM Plex Sans"; font-style: normal; font-weight: 400; font-display: swap;
    src: url("fonts/plex-latin-ext-400.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: "IBM Plex Sans"; font-style: normal; font-weight: 400; font-display: swap;
    src: url("fonts/plex-latin-400.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: "IBM Plex Sans"; font-style: normal; font-weight: 500; font-display: swap;
    src: url("fonts/plex-latin-ext-500.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: "IBM Plex Sans"; font-style: normal; font-weight: 500; font-display: swap;
    src: url("fonts/plex-latin-500.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: "IBM Plex Sans"; font-style: normal; font-weight: 600; font-display: swap;
    src: url("fonts/plex-latin-ext-600.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: "IBM Plex Sans"; font-style: normal; font-weight: 600; font-display: swap;
    src: url("fonts/plex-latin-600.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: "IBM Plex Sans"; font-style: normal; font-weight: 700; font-display: swap;
    src: url("fonts/plex-latin-ext-700.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: "IBM Plex Sans"; font-style: normal; font-weight: 700; font-display: swap;
    src: url("fonts/plex-latin-700.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; }

/* ---------- Tasarım değişkenleri ---------- */

:root {
    --w-font: "IBM Plex Sans", system-ui, -apple-system, "Segoe UI", sans-serif;

    --w-bg: #F6F5F2;
    --w-surface: #FFFFFF;
    --w-surface-2: #FAF9F7;
    --w-border: #E3E1DB;
    --w-border-strong: #CBC8C0;
    --w-ink: #171C21;
    --w-text: #22282E;
    --w-muted: #656B72;
    --w-faint: #979CA2;

    --w-accent: #0E6B57;
    --w-accent-hover: #0A5546;
    --w-accent-soft: #E7F1ED;
    --w-accent-line: #A8CFC3;
    --w-accent-on-dark: #3CC79F;

    --w-success: #1E7339;
    --w-success-soft: #E8F2EA;
    --w-warning: #9A5B05;
    --w-warning-soft: #FBF1DF;
    --w-danger: #B42318;
    --w-danger-soft: #FBEAE8;
    --w-info: #3B4A5C;
    --w-info-soft: #EDF0F3;

    --w-side-bg: #171C21;
    --w-side-text: #A9AFB5;
    --w-side-strong: #F2F3F4;
    --w-side-line: #262D34;
    --w-side-hover: rgba(255, 255, 255, 0.05);
    --w-side-active: rgba(255, 255, 255, 0.08);

    --w-radius: 6px;
    --w-radius-sm: 4px;
    --w-shadow-pop: 0 10px 30px -12px rgba(23, 28, 33, 0.28);

    --w-sidebar-width: 248px;
    --w-topbar-height: 56px;

    /* Eski şablonların kullandığı değişken adları — yeni renklere bağlı.
       Sayfalar tek tek yenilendikçe bunlara ihtiyaç azalır. */
    --primary: var(--w-accent);
    --primary-hover: var(--w-accent-hover);
    --primary-dark: var(--w-accent-hover);
    --bg: var(--w-bg);
    --card: var(--w-surface);
    --panel: var(--w-surface);
    --surface: var(--w-surface);
    --border: var(--w-border);
    --line: var(--w-border);
    --text: var(--w-text);
    --muted: var(--w-muted);
    --soft: var(--w-surface-2);
    --tint: var(--w-accent-soft);
    --dark: var(--w-ink);
    --dark-soft: #2A3138;
    --gap: 16px;
    --radius-lg: var(--w-radius);
    --radius-md: var(--w-radius);
    --shadow-soft: none;
    --shadow-card: none;
    --sidebar-width: var(--w-sidebar-width);
    --sidebar-bg: var(--w-side-bg);
    --sidebar-border: var(--w-side-line);
    --sidebar-text: var(--w-side-text);
    --sidebar-text-strong: var(--w-side-strong);
    --sidebar-active-bg: var(--w-side-active);
    --danger-bg: var(--w-danger-soft);
    --danger-text: var(--w-danger);
    --red: var(--w-danger);
    --red-bg: var(--w-danger-soft);
    --green: var(--w-success);
    --green-bg: var(--w-success-soft);
    --orange: var(--w-warning);
    --orange-bg: var(--w-warning-soft);
    --blue-bg: var(--w-info-soft);
    --purple: var(--w-info);
    --purple-bg: var(--w-info-soft);
}


/* Çizgi ikon (Lucide sprite) — ERP ve tanıtım sitesi ortak */
.w-icon { width: 18px; height: 18px; flex-shrink: 0; display: inline-block; vertical-align: -3px; }
.w-icon-sm { width: 15px; height: 15px; vertical-align: -2px; }
/* PDF (WeasyPrint) grid içindeki SVG'de çöküyor — çıktıda ikon gizli. */
@media print { svg.w-icon { display: none !important; } }