@import url('https://fonts.googleapis.com/css2?family=Fira+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;1,400&display=swap');

:root {
    /* Light Theme */
    --emre-bg: #f9fafb; /* gray-50 */
    --emre-text: #1e293b; /* slate-800 */
    --emre-nav-bg: rgba(255, 255, 255, 0.8);
    --emre-nav-border: #e2e8f0; /* slate-200 */
    --emre-primary: #3b82f6; /* blue-500 */
    --emre-primary-hover: #2563eb; /* blue-600 */
}

.dark {
    /* Dark Theme */
    --emre-bg: #0f172a; /* slate-900 */
    --emre-text: #f1f5f9; /* slate-100 */
    --emre-nav-bg: rgba(15, 23, 42, 0.8);
    --emre-nav-border: #1e293b; /* slate-800 */
    --emre-primary: #60a5fa; /* blue-400 */
    --emre-primary-hover: #93c5fd; /* blue-300 */
}

/* Global body resets to enforce unification if applied */
body.emre-unified {
    background-color: var(--emre-bg);
    color: var(--emre-text);
    font-family: 'Fira Sans', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    transition: background-color 0.3s ease, color 0.3s ease;
    margin: 0;
    min-height: 100vh;
    display: flex;
    flex-direction: column;
}

/* Apply Fira font to Tailwind elements globally */
.font-sans {
    font-family: 'Fira Sans', sans-serif !important;
}