/* =====================================================================
   TEMA DEGISKENLERI
   Varsayilan: AYDINLIK (beyaz zemin, mavi ana renk)
   Kullanici secerse: html[data-tema="koyu"] -> karanlik palet
   ===================================================================== */
:root {
    color-scheme: light;

    /* Zemin hafif soguk tonlu, kartlar bembeyaz -> derinlik hissi */
    --bg:            #f5f8fc;
    --bg-2:          #eaf0f8;
    --surface:       #ffffff;
    --surface-2:     #f1f5fa;
    --hover:         #e6edf6;
    --text:          #0c1726;
    --text-2:        #4c5c70;
    --muted:         #7a8a9e;
    --border:        #e4ebf3;
    --border-2:      #d3dde9;
    --border-3:      #b4c3d4;

    --accent:        #0b74e5;
    --accent-2:      #3ea2ff;
    --accent-deep:   #0a5cc2;
    --accent-hover:  #0a67cf;
    --accent-soft:   #e9f3ff;
    --accent-line:   #c3dffb;
    --accent-glow:   rgba(11,116,229,.22);
    --on-accent:     #ffffff;
    --blue:          #0b74e5;
    --blue-ink:      #0f5fae;
    --link:          #1070d8;

    --green:         #0d9b6c;
    --green-ink:     #077a54;
    --green-soft:    #e7f8f1;
    --green-line:    #a7e5cf;
    --red:           #dc2550;
    --red-ink:       #b01440;
    --red-soft:      #fdeaf0;
    --red-line:      #f7bed0;
    --amber-ink:     #9a6400;
    --amber-soft:    #fff6e6;
    --amber-line:    #f3d9a4;
    --pink-ink:      #bb1b61;
    --purple-ink:    #6429d6;
    --mention:       #c2185b;
    --mention-hover: #e1306c;
    --music:         #ff0033;

    --header-bg:     rgba(246,249,253,.78);
    --shadow-1:      0 10px 30px -10px rgba(12,23,38,.28);
    --shadow-sm:     0 1px 2px rgba(12,23,38,.05), 0 1px 3px rgba(12,23,38,.04);
    --shadow-md:     0 4px 10px -4px rgba(12,23,38,.10), 0 12px 28px -16px rgba(12,23,38,.18);
    --shadow-lg:     0 8px 18px -6px rgba(12,23,38,.14), 0 24px 48px -24px rgba(12,23,38,.26);
    --inset-line:    rgba(255,255,255,.75);

    --radius:        16px;
    --font: system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
    --header-h: 53px;
}

html[data-tema="koyu"] {
    color-scheme: dark;

    /* Koyu tema: saf siyah yerine hafif lacivert tonlu derin zemin */
    --bg:            #080b11;
    --bg-2:          #0d1118;
    --surface:       #11161f;
    --surface-2:     #18202b;
    --hover:         #202a37;
    --text:          #eef2f7;
    --text-2:        #a7b4c4;
    --muted:         #7d8a9b;
    --border:        #1e2733;
    --border-2:      #2a3542;
    --border-3:      #3d4a5a;

    --accent:        #3ea2ff;
    --accent-2:      #6cbcff;
    --accent-deep:   #1b7ddb;
    --accent-hover:  #62b4ff;
    --accent-soft:   rgba(62,162,255,.15);
    --accent-line:   rgba(62,162,255,.38);
    --accent-glow:   rgba(62,162,255,.28);
    --on-accent:     #04121f;
    --blue:          #3ea2ff;
    --blue-ink:      #9ccdff;
    --link:          #73b9ff;

    --green:         #16c08a;
    --green-ink:     #6fe7bb;
    --green-soft:    #06291e;
    --green-line:    rgba(22,192,138,.34);
    --red:           #f05c6b;
    --red-ink:       #ffaab2;
    --red-soft:      #35101a;
    --red-line:      rgba(240,92,107,.34);
    --amber-ink:     #fcd34d;
    --amber-soft:    rgba(245,158,11,.13);
    --amber-line:    rgba(245,158,11,.34);
    --pink-ink:      #f9a8d4;
    --purple-ink:    #c4b5fd;
    --mention:       #ff6b9d;
    --mention-hover: #ff93b8;

    --header-bg:     rgba(8,11,17,.76);
    --shadow-1:      0 10px 30px -10px rgba(0,0,0,.8);
    --shadow-sm:     0 1px 2px rgba(0,0,0,.5);
    --shadow-md:     0 6px 16px -6px rgba(0,0,0,.6);
    --shadow-lg:     0 12px 32px -12px rgba(0,0,0,.72);
    --inset-line:    rgba(255,255,255,.04);
}