/* c:\xampp\htdocs\nkrroadlines\assets\css\theme.css */
:root {
    /* Primary Colors - Deep Navy (SMCET) */
    --primary: #0c1f3f;
    --primary-light: #0e2544;
    --primary-dark: #09162c;
    --primary-rgb: 12, 31, 63;

    /* Secondary / Accent Colors - Royal Gold (SMCET) */
    --secondary: #c8a415;
    --secondary-light: #e6c84a;
    --secondary-dark: #a88a0f;
    --accent: #e6c84a;

    /* Status Colors */
    --success: #2e7d32;
    --danger: #c62828;
    --warning: #ffb300;
    --info: #0a7e8c;

    /* Background Colors */
    --bg-body: #f4f7fa;
    --bg-card: #ffffff;
    --bg-sidebar: #0c1f3f;

    /* Text Colors */
    --text-primary: #2C3E50;
    --text-secondary: #607d8b;
    --text-light: #ffffff;

    /* Border and Shadows */
    --border-color: #dce2ea;
    --shadow: 0 2px 12px rgba(12, 31, 63, 0.08);

    /* Layout Variables */
    --sidebar-width: 260px;
    --sidebar-collapsed-width: 70px;
    --header-height: 65px;

    /* Typography */
    --font-family: 'Inter', sans-serif;
    --font-heading: 'Poppins', sans-serif;

    /* Transitions */
    --transition: all 0.3s ease;
}

[data-theme='dark'] {
    /* Background Colors */
    --bg-body: #0a0e1a;
    --bg-card: #131f35;
    --bg-sidebar: #09162c;

    /* Text Colors */
    --text-primary: #e0e0e0;
    --text-secondary: #b0b0b0;

    /* Border and Shadows */
    --border-color: #1e3050;
    --shadow: 0 2px 10px rgba(0,0,0,0.3);
}

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body {
    font-family: var(--font-family);
    background-color: var(--bg-body);
    color: var(--text-primary);
    transition: var(--transition);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

h1, h2, h3, h4, h5, h6 {
    font-family: var(--font-heading);
    font-weight: 600;
    color: var(--text-primary);
}

.text-white h1, .text-white h2, .text-white h3, .text-white h4, .text-white h5, .text-white h6,
.hero-content h1, .hero-content h2, .hero-content h3,
.hero-content p, .hero-content .lead {
    color: #ffffff !important;
}

/* Ensure white cards inside hero section retain dark, high-contrast text */
.hero-section .bg-white,
.hero-section .card {
    color: var(--text-primary) !important;
}

.hero-section .bg-white h1,
.hero-section .bg-white h2,
.hero-section .bg-white h3,
.hero-section .bg-white h4,
.hero-section .bg-white h5,
.hero-section .bg-white h6,
.hero-section .card h3 {
    color: #0c1f3f !important;
}

.hero-section .bg-white p,
.hero-section .card p {
    color: #607d8b !important;
}

a {
    color: var(--primary);
    text-decoration: none;
    transition: var(--transition);
}

a:hover {
    color: var(--secondary);
}

/* Custom Scrollbar */
::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}

::-webkit-scrollbar-track {
    background: var(--bg-body);
}

::-webkit-scrollbar-thumb {
    background: var(--primary-light);
    border-radius: 4px;
}

::-webkit-scrollbar-thumb:hover {
    background: var(--primary);
}

/* Smooth Transitions for Theme Switching */
body * {
    transition: background-color 0.3s ease, border-color 0.3s ease, color 0.3s ease;
}