/* ============================================================
 * TEMA DEĞİŞKENLERİ - Light (varsayılan) & Dark Mode
 * ============================================================ */

/* Light Mode (Varsayılan) */
:root, [data-theme="light"] {
    --bg:       #ebeef4;
    --surface:  #ffffff;
    --surface2: #f3f5f9;
    --surface3: #e6eaf2;
    --border:   #cdd6e4;
    --accent:   #4338ca;
    --accent2:  #6d28d9;
    --green:    #16a34a;
    --red:      #dc2626;
    --yellow:   #d97706;
    --cyan:     #0891b2;
    --orange:   #ea580c;
    --text:     #121620;
    --muted:    #5c6474;
    --radius:   8px;
    --table-grid: rgba(18, 22, 32, 0.08);
    --table-header-bg: #e2e8f0;

    --input-bg:        #fafbfc;
    --input-border:    #c5cedd;
    --input-placeholder: rgba(18, 22, 32, 0.42);
    --focus-ring:      rgba(67, 56, 202, 0.2);

    --btn-default-bg:         #ffffff;
    --btn-default-hover-bg:   #f1f5f9;
    --btn-default-border:     #c5cedd;
    --btn-default-hover-border: #aab6c9;
    --btn-default-text:       #1e293b;

    --btn-primary-bg:         #4338ca;
    --btn-primary-hover-bg:   #4f46e5;
    --btn-primary-text:       #ffffff;

    --btn-secondary-bg:       #ffffff;
    --btn-secondary-hover-bg: #f8fafc;
    --btn-secondary-border:   #c5cedd;
    --btn-secondary-text:     #475569;

    --btn-success-bg:         #15803d;
    --btn-success-hover-bg:   #16a34a;
    --btn-success-text:       #ffffff;

    --btn-danger-bg:          #dc2626;
    --btn-danger-hover-bg:    #b91c1c;
    --btn-danger-text:        #ffffff;

    --btn-warning-bg:          #ca8a04;
    --btn-warning-hover-bg:    #d97706;
    --btn-warning-text:        #1c1917;

    /* Shadows */
    --shadow-sm: 0 1px 3px rgba(15, 23, 42, 0.06);
    --shadow-md: 0 6px 18px rgba(15, 23, 42, 0.1);
    --shadow-lg: 0 14px 36px rgba(15, 23, 42, 0.12);
}

/* Dark Mode */
[data-theme="dark"] {
    --bg:       #0b0d11;
    --surface:  #13151c;
    --surface2: #1a1d26;
    --surface3: #222630;
    --border:   #2f3440;
    --accent:   #7c8cff;
    --accent2:  #ad8cff;
    --green:    #4ade80;
    --red:      #fb7185;
    --yellow:   #fcd34d;
    --cyan:     #38bdf8;
    --orange:   #fb923c;
    --text:     #e8eaef;
    --muted:    #9096a6;
    --radius:   8px;
    --table-grid: rgba(255, 255, 255, 0.06);
    --table-header-bg: #222630;

    --input-bg:        #11131a;
    --input-border:    #353a46;
    --input-placeholder: rgba(232, 234, 239, 0.38);
    --focus-ring:      rgba(124, 140, 255, 0.28);

    --btn-default-bg:         #2a2f3d;
    --btn-default-hover-bg:   #363c4d;
    --btn-default-border:     #3f4656;
    --btn-default-hover-border: #4b5366;
    --btn-default-text:       #e8eaef;

    --btn-primary-bg:         #5f6df3;
    --btn-primary-hover-bg:   #737ff5;
    --btn-primary-text:       #ffffff;

    --btn-secondary-bg:       #232833;
    --btn-secondary-hover-bg: #2f3644;
    --btn-secondary-border:   #414a5c;
    --btn-secondary-text:     #cfd4e0;

    --btn-success-bg:         #1faa6f;
    --btn-success-hover-bg:   #2bc37e;
    --btn-success-text:       #ffffff;

    --btn-danger-bg:          #e24d6a;
    --btn-danger-hover-bg:     #ef6b85;
    --btn-danger-text:        #ffffff;

    --btn-warning-bg:          #c9a227;
    --btn-warning-hover-bg:    #dbb32e;
    --btn-warning-text:        #1a1508;

    /* Shadows */
    --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.28);
    --shadow-md: 0 6px 16px rgba(0, 0, 0, 0.35);
    --shadow-lg: 0 14px 40px rgba(0, 0, 0, 0.45);
}

/* Smooth transition for theme switch */
* {
    transition: background-color 0.25s ease,
                color 0.25s ease,
                border-color 0.25s ease,
                box-shadow 0.25s ease;
}

*:not(.no-transition) {
    transition-property: background-color, color, border-color, box-shadow;
}