@tailwind base;
@tailwind components;
@tailwind utilities;

/* ==========================================================================
   CYBER-DARK CORE STYLES (Podrazumevani tamni režim)
   ========================================================================== */
body {
    background-color: #05070c;
    color: #cbd5e1; /* slate-300 */
    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
    transition: background-color 0.3s ease, color 0.3s ease;
}

/* Glassmorphism za panele u mračnom režimu */
.cyber-glass {
    background: rgba(13, 20, 35, 0.65);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    border: 1px solid rgba(255, 255, 255, 0.05);
    transition: background 0.3s ease, border-color 0.3s ease;
}

/* Unutrašnji elementi (Polja za unos, kartice objava, komentari) u mračnom režimu */
.feed-card { background-color: rgba(9, 13, 22, 0.4); border-color: rgba(30, 41, 59, 0.8); }
.inner-input { background-color: #090d16; border-color: #1e293b; color: #ffffff; }
.comment-box { border-left-color: #1e293b; }
.comment-user { color: #60a5fa; } /* plava */
.comment-text { color: #94a3b8; } /* svetlo siva */
.text-main-heading { color: #ffffff; }
.text-sub-heading { color: #94a3b8; }

/* Custom mračni scrollbar */
::-webkit-scrollbar { width: 6px; }
::-webkit-scrollbar-track { background: #05070c; }
::-webkit-scrollbar-thumb { background: #1e293b; border-radius: 3px; }
::-webkit-scrollbar-thumb:hover { background: #334155; }


/* ==========================================================================
   LIGHT THEME OVERRIDES (Aktivira se dodavanjem klase .light-mode na body)
   ========================================================================== */
body.light-mode {
    background-color: #f8fafc; /* slate-50 */
    color: #334155; /* slate-700 */
}

/* Glassmorphism prilagođen za svetlu temu */
body.light-mode .cyber-glass {
    background: rgba(255, 255, 255, 0.8);
    border: 1px solid rgba(0, 0, 0, 0.08);
    box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.05), 0 8px 10px -6px rgba(0, 0, 0, 0.05);
}

/* Svi unutrašnji elementi se eksplicitno menjaju ovde da ne ostanu mračni */
body.light-mode .feed-card {
    background-color: #ffffff;
    border-color: #e2e8f0; /* slate-200 */
}

body.light-mode .inner-input {
    background-color: #f1f5f9; /* slate-100 */
    border-color: #cbd5e1; /* slate-300 */
    color: #0f172a; /* slate-900 */
}

body.light-mode .inner-input::placeholder {
    color: #94a3b8;
}

body.light-mode .comment-box {
    border-left-color: #cbd5e1; /* svetlija linija za komentare */
}

body.light-mode .comment-user {
    color: #2563eb; /* tamno plava za bolji kontrast na belom */
}

body.light-mode .comment-text {
    color: #475569; /* tamno siva za tekst komentara */
}

body.light-mode .text-main-heading {
    color: #0f172a; /* slate-900 */
}

body.light-mode .text-sub-heading {
    color: #64748b; /* slate-500 */
}

/* Prilagođavanje standardnih dugmića koji su bili svetli u mračnom modu */
body.light-mode #btn-save {
    background-color: #0f172a;
    color: #ffffff;
}
body.light-mode #btn-save:hover {
    background-color: #1e293b;
}

/* Custom svetli scrollbar */
body.light-mode ::-webkit-scrollbar-track { background: #f8fafc; }
body.light-mode ::-webkit-scrollbar-thumb { background: #cbd5e1; }
body.light-mode ::-webkit-scrollbar-thumb:hover { background: #94a3b8; }