/* Turksense Minimal Design System */
:root {
    --ts-bg: #0a0a0a;
    --ts-card: #121212;
    --ts-card-hover: #161616;
    --ts-subcard: #0e0e0e;
    --ts-border: #202020;
    --ts-border-light: #2c2c2c;
    --ts-blue: #3884ff;
    --ts-blue-hover: #559bff;
    --ts-blue-active: #2369e1;
    --ts-text-white: #ffffff;
    --ts-text-muted: #a5aab4;
    --ts-text-dark: #6e7380;
}

body {
    background-color: #0a0a0a;
    color: #a5aab4;
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/* Crisp Scrollbars */
::-webkit-scrollbar {
    width: 5px;
    height: 5px;
}
::-webkit-scrollbar-track {
    background: #0a0a0a;
}
::-webkit-scrollbar-thumb {
    background: #202020;
    border-radius: 3px;
}
::-webkit-scrollbar-thumb:hover {
    background: #3884ff;
}

/* Nav Tab Active */
.nav-tab {
    transition: all 0.15s ease;
}
.nav-tab.active {
    background: #1c1c1c;
    color: #ffffff !important;
    border: 1px solid #2c2c2c;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
}

/* Filter Pills */
.filter-pill {
    transition: all 0.15s ease;
    border: 1px solid #202020;
    background: #101010;
    color: #8a909d;
}
.filter-pill:hover {
    border-color: #2e2e2e;
    color: #ffffff;
    background: #141414;
}
.filter-pill.active {
    background: #3884ff !important;
    color: #ffffff !important;
    border-color: #3884ff !important;
    box-shadow: 0 2px 8px rgba(56, 132, 255, 0.25);
}

/* Minimal Card Hover */
.ts-card {
    background: #121212;
    border: 1px solid #202020;
    transition: border-color 0.2s ease, transform 0.2s ease;
}
.ts-card:hover {
    border-color: #2f2f2f;
    transform: translateY(-2px);
}

/* Category Sidebar Button */
.category-btn {
    transition: all 0.15s ease;
    border: 1px solid transparent;
}
.category-btn:hover {
    background: #151515;
    color: #ffffff;
}
.category-btn.active {
    border-color: #3884ff;
    background: rgba(56, 132, 255, 0.08);
    color: #ffffff;
}

/* Code Snippet Styles */
code, pre {
    font-family: 'JetBrains Mono', 'Fira Code', Consolas, monospace;
}