/* ═══════════════════════════════════════════════════════════
   OKUL YÖNETİM — DESIGN TOKENS
   Rengi değiştirmek için SADECE bu dosyayı düzenle.
   Tüm sayfalar buradan beslenir.
═══════════════════════════════════════════════════════════ */

:root {
    /* ── Ana Palet (renk-paleti.pdf) ─────────────────────── */
    --bg:            #f6f3ee; /* Krem arka plan              */
    --bg-soft:       #efe9e0; /* Yumuşak arka plan           */
    --surface:       #fffdf9; /* Kart / panel (paper)        */
    --ink:           #1a1d1a; /* Ana metin                   */
    --ink-soft:      #2d322c; /* Yumuşak metin               */
    --muted:         #6b6f66; /* Yardımcı metin              */
    --faint:         #9a9d92; /* Çok hafif metin             */
    --ink-green:     #14342b; /* Birincil yeşil (koyu)       */
    --ink-green-2:   #1f4d3f; /* İkincil yeşil               */
    --amber:         #c4622d; /* Ana aksant (turuncu)        */
    --amber-soft:    #e08a4f; /* Açık amber                  */
    --clay:          #b5482e; /* Hata rengi                  */
    --gold:          #d99a3c; /* Altın sarısı                */
    --sage:          #6f8a6a; /* Sage yeşili                 */
    --plum:          #6b3a52; /* Erik (mor)                  */
    /* ── Marka Renkleri ──────────────────────────────────── */
    --brand-primary: #14342b; /* Birincil yeşil — buton, başlık, aktif */
    --brand-primary-hover: #0d2d22;
    --brand-primary-light: #edf6f1;
    --brand-primary-glow: rgba(20, 52, 43, 0.20);
    --brand-secondary: #c4622d; /* Amber aksant               */
    --brand-secondary-light: #fff3e8;
    --brand-accent: #d99a3c; /* Gold — vurgu                */
    /* ── Auth Sayfası Arka Plan ──────────────────────────── */
    /* Değiştirmek istersen sadece bu 3 rengi güncelle       */
    --auth-bg-from: #0d1f1a;
    --auth-bg-mid: #142920;
    --auth-bg-to: #0a1510;
    --auth-glow-1: rgba(20, 52, 43, 0.42);
    --auth-glow-2: rgba(196, 98, 45, 0.20);
    --auth-glow-3: rgba(217, 154, 60, 0.10);
    /* ── Cam Kart (Auth) ─────────────────────────────────── */
    --glass-bg: rgba(13, 31, 26, 0.75);
    --glass-border: rgba(255, 253, 249, 0.10);
    --glass-shine: rgba(255, 253, 249, 0.50);
    --glass-inner-glow: rgba(20, 52, 43, 0.25);
    /* ── Input (Auth) ────────────────────────────────────── */
    --input-bg: rgba(255, 253, 249, 0.06);
    --input-border: rgba(255, 253, 249, 0.09);
    --input-focus: rgba(196, 98, 45, 0.60);
    --input-glow: rgba(20, 52, 43, 0.25);
    --input-text: #fffdf9;
    --input-placeholder: rgba(255, 253, 249, 0.35);
    --input-icon: rgba(224, 138, 79, 0.80);
    /* ── Dashboard — Açık Tema ───────────────────────────── */
    --dash-bg: #f6f3ee;
    --dash-surface: #fffdf9;
    --dash-surface-2: #efe9e0;
    --dash-border: rgba(26, 29, 26, 0.12);
    --dash-border-light: rgba(26, 29, 26, 0.07);
    --dash-text-1: #1a1d1a;
    --dash-text-2: #2d322c;
    --dash-text-3: #6b6f66;
    --dash-sidebar-bg: #fffdf9;
    --dash-sidebar-border: rgba(26, 29, 26, 0.08);
    --dash-topbar-bg: rgba(246, 243, 238, 0.92);
    --dash-nav-active-bg: rgba(20, 52, 43, 0.08);
    --dash-nav-active-text: #14342b;
    --dash-nav-active-icon: #14342b;
    --dash-nav-hover: rgba(20, 52, 43, 0.05);
    /* ── Dashboard — Koyu Tema ───────────────────────────── */
    --dash-dark-bg: #0d1f1a;
    --dash-dark-surface: #142920;
    --dash-dark-surface-2: #1a3529;
    --dash-dark-border: rgba(255, 253, 249, 0.08);
    --dash-dark-text-1: #fffdf9;
    --dash-dark-text-2: #9a9d92;
    --dash-dark-text-3: #6b6f66;
    --dash-dark-sidebar: #0a1a15;
    --dash-dark-topbar: rgba(13, 31, 26, 0.92);
    --dash-dark-nav-active: rgba(196, 98, 45, 0.15);
    --dash-dark-nav-text: #e08a4f;
    /* ── Durum Renkleri ──────────────────────────────────── */
    --c-success: #0d5c2f;
    --c-success-light: #e8f7ee;
    --c-success-bg: rgba(13, 92, 47, 0.10);
    --c-warning: #d99a3c;
    --c-warning-light: #fff3e8;
    --c-warning-bg: rgba(217, 154, 60, 0.12);
    --c-error: #b5482e;
    --c-error-light: #fef2ef;
    --c-error-bg: rgba(181, 72, 46, 0.12);
    --c-info: #1a6fa0;
    --c-info-light: #e8f4fd;
    /* ── Lead Status Badge Renkleri ─────────────────────── */
    --badge-new-bg:      #e8f4fd; --badge-new-text:      #1a6fa0;
    --badge-contacted-bg:#edf6f1; --badge-contacted-text:#1a5c3a;
    --badge-meeting-bg:  #efe9e0; --badge-meeting-text:  #14342b;
    --badge-demo-bg:     #fff3e8; --badge-demo-text:     #c4622d;
    --badge-won-bg:      #e8f7ee; --badge-won-text:      #0d5c2f;
    --badge-lost-bg:     #f6f3ee; --badge-lost-text:     #9a9d92;
    --badge-spam-bg:     #fef2ef; --badge-spam-text:     #b5482e;
    /* ── Tipografi ───────────────────────────────────────── */
    --font: 'Inter', system-ui, -apple-system, sans-serif;
    --text-xs: 11px;
    --text-sm: 12px;
    --text-base: 14px;
    --text-md: 15px;
    --text-lg: 18px;
    --text-xl: 22px;
    --text-2xl: 28px;
    --text-3xl: 36px;
    --text-4xl: 44px;
    /* ── Spacing ─────────────────────────────────────────── */
    --s1: 4px;
    --s2: 8px;
    --s3: 12px;
    --s4: 16px;
    --s5: 20px;
    --s6: 24px;
    --s8: 32px;
    --s10: 40px;
    --s12: 48px;
    --s16: 64px;
    /* ── Border Radius ───────────────────────────────────── */
    --r-xs: 6px;
    --r-sm: 8px;
    --r-md: 12px;
    --r-lg: 16px;
    --r-xl: 20px;
    --r-2xl: 24px;
    --r-3xl: 28px;
    --r-4xl: 32px;
    --r-full: 9999px;
    /* ── Gölgeler ────────────────────────────────────────── */
    --shadow-xs: 0 1px 2px rgba(0,0,0,0.04);
    --shadow-sm: 0 2px 6px rgba(0,0,0,0.06), 0 1px 2px rgba(0,0,0,0.04);
    --shadow-md: 0 6px 16px rgba(0,0,0,0.07), 0 2px 4px rgba(0,0,0,0.04);
    --shadow-lg: 0 16px 32px rgba(0,0,0,0.09), 0 4px 8px rgba(0,0,0,0.05);
    --shadow-xl: 0 24px 48px rgba(0,0,0,0.11), 0 8px 16px rgba(0,0,0,0.06);
    --shadow-glass: 0 40px 96px rgba(2, 6, 20, 0.55), 0 16px 32px rgba(0, 0, 0, 0.24), inset 0 1px 0 rgba(255,255,255,0.14);
    --shadow-btn: 0 12px 28px rgba(20, 52, 43, 0.28), 0 4px 8px rgba(20, 52, 43, 0.16);
    --shadow-btn-hover: 0 18px 36px rgba(20, 52, 43, 0.36), 0 6px 14px rgba(20, 52, 43, 0.20);
    --shadow-card: 0 2px 8px rgba(20, 52, 43, 0.06), 0 1px 2px rgba(20, 52, 43, 0.04);
    --shadow-card-hover: 0 8px 24px rgba(20, 52, 43, 0.10), 0 2px 6px rgba(20, 52, 43, 0.06);
    /* ── Geçişler ────────────────────────────────────────── */
    --t-fast: 0.14s ease;
    --t-base: 0.20s ease;
    --t-smooth: 0.28s cubic-bezier(0.16, 1, 0.3, 1);
    --t-spring: 0.48s cubic-bezier(0.16, 1, 0.3, 1);
}