:root {
    --bg-color: #0F172A;
    /* Slate 900 - Dark Neutral */
    --text-primary: #F1F5F9;
    /* Slate 100 */
    --text-secondary: #94A3B8;
    /* Slate 400 */
    --line-purple: #9B59B6;
    --line-green: #2ECC71;
    --line-yellow: #F1C40F;
    --line-default: #334155;
    /* Slate 700 */
    --font-family: 'Inter', system-ui, -apple-system, sans-serif;
}

body {
    background-color: var(--bg-color);
    color: var(--text-primary);
    font-family: var(--font-family);
    margin: 0;
    padding: 0;
    -webkit-font-smoothing: antialiased;

    background-image: url('../assets/images/vidhan-bengaluru.jpg');
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
    position: relative;
}

body::before {
    content: "";
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background-color: rgba(15, 23, 42, 0.85);
    z-index: -1;
}

h1,
h2,
h3,
h4,
.font-bold {
    letter-spacing: -0.02em;
}

.text-gray-100 {
    color: #f3f4f6;
}

/* Tailwind overrides */
.text-gray-400 {
    color: #9ca3af;
}

.text-indigo-300 {
    color: #a5b4fc;
}

.text-indigo-400 {
    color: #818cf8;
}

.text-green-400 {
    color: #4ade80;
}

.text-red-400 {
    color: #f87171;
}