/* Light Theme for Fleet Heat */
[data-theme="light"] {
    --background: #ffffff;
    --surface: #f5f5f5;
    --text-primary: #4a4a4a;
    --text-secondary: #7a7a7a;
    --border: #dbdbdb;
}

[data-theme="light"] strong {
    color: inherit;
}

[data-theme="light"] body {
    background-color: var(--background);
    color: var(--text-primary);
}

[data-theme="light"] .box {
    background-color: var(--background);
    color: var(--text-primary);
    box-shadow: 0 0.5em 1em -0.125em rgba(10, 10, 10, 0.1), 0 0px 0 1px rgba(10, 10, 10, 0.02);
}

[data-theme="light"] .card {
    background-color: var(--background);
    color: var(--text-primary);
    box-shadow: 0 0.5em 1em -0.125em rgba(10, 10, 10, 0.1), 0 0px 0 1px rgba(10, 10, 10, 0.02);
}

[data-theme="light"] .card-header {
    background-color: transparent;
    box-shadow: 0 0.125em 0.25em rgba(10, 10, 10, 0.1);
    border-bottom: 1px solid var(--border);
}

[data-theme="light"] .card-header-title {
    color: #363636;
}

[data-theme="light"] .title,
[data-theme="light"] .subtitle {
    color: #363636;
}

[data-theme="light"] .has-text-grey {
    color: #7a7a7a !important;
}

[data-theme="light"] .media {
    border-top-color: var(--border);
}

[data-theme="light"] .notification {
    background-color: var(--surface);
}

[data-theme="light"] .notification.is-primary {
    background-color: #00d1b2;
    color: #fff;
}

[data-theme="light"] .notification.is-info {
    background-color: #3e8ed0;
    color: #fff;
}

[data-theme="light"] .notification.is-success {
    background-color: #48c78e;
    color: #fff;
}

[data-theme="light"] .notification.is-warning {
    background-color: #ffe08a;
    color: rgba(0, 0, 0, 0.7);
}

[data-theme="light"] .notification.is-danger {
    background-color: #f14668;
    color: #fff;
}

[data-theme="light"] .notification.is-danger.is-light {
    background-color: #feecf0;
    color: #cc0f35;
}

/* Sidebar styling for light mode */
[data-theme="light"] #sidebar {
    background-color: #f5f5f5;
    color: var(--text-primary);
    border-right: 1px solid var(--border);
}

[data-theme="light"] .menu {
    background-color: transparent;
}

[data-theme="light"] .menu-label {
    color: #7a7a7a;
}

[data-theme="light"] .menu-list a {
    color: #4a4a4a;
}

[data-theme="light"] .menu-list a:hover {
    background-color: #f5f5f5;
    color: #363636;
}

[data-theme="light"] .menu-list a.is-active {
    background-color: #485fc7;
    color: #fff;
}

/* Navbar styling for light mode */
[data-theme="light"] .navbar {
    background-color: #ffffff;
    border-bottom: 1px solid var(--border);
    box-shadow: 0 2px 0 0 #f5f5f5;
}

[data-theme="light"] .navbar-item,
[data-theme="light"] .navbar-link {
    color: #4a4a4a;
}

[data-theme="light"] .navbar-item:hover,
[data-theme="light"] .navbar-link:hover {
    background-color: #fafafa;
    color: #363636;
}

[data-theme="light"] .navbar-dropdown {
    background-color: #ffffff;
    border-color: var(--border);
}

[data-theme="light"] .navbar-dropdown .navbar-item {
    color: #4a4a4a;
}

[data-theme="light"] .navbar-dropdown .navbar-item:hover {
    background-color: #f5f5f5;
    color: #363636;
}

[data-theme="light"] .navbar-burger span {
    background-color: #4a4a4a;
}

[data-theme="light"] .navbar-divider {
    background-color: var(--border);
}

/* Form inputs for light mode */
[data-theme="light"] input,
[data-theme="light"] select,
[data-theme="light"] textarea {
    background-color: var(--background);
    color: var(--text-primary);
    border-color: var(--border);
}

[data-theme="light"] input:focus,
[data-theme="light"] select:focus,
[data-theme="light"] textarea:focus {
    border-color: #485fc7;
    box-shadow: 0 0 0 0.125em rgba(72, 95, 199, 0.25);
}

[data-theme="light"] input::placeholder,
[data-theme="light"] textarea::placeholder {
    color: #b5b5b5;
}

/* Theme toggle button for light mode */
[data-theme="light"] .theme-toggle {
    color: #4a4a4a;
}

[data-theme="light"] .theme-toggle:hover {
    background-color: rgba(0, 0, 0, 0.05);
}


/* Light theme navbar admin styles */
[data-theme="light"] .admin-navbar {
    background-color: var(--background);
    color: var(--text-primary);
    border-bottom: 1px solid var(--border);
}

[data-theme="light"] .admin-navbar .navbar-item,
[data-theme="light"] .admin-navbar .navbar-link {
    color: var(--text-primary);
}

[data-theme="light"] .admin-navbar .navbar-item:hover,
[data-theme="light"] .admin-navbar .navbar-link:hover {
    background-color: var(--surface);
    color: var(--text-primary);
}

[data-theme="light"] .navbar-dropdown {
    background-color: var(--background);
    border-color: var(--border);
    box-shadow: 0 8px 16px rgba(10, 10, 10, 0.1);
}

[data-theme="light"] .navbar-dropdown .navbar-item {
    color: var(--text-primary);
}

[data-theme="light"] .navbar-dropdown .navbar-item:hover {
    background-color: var(--surface);
}

/* Light contrast background for nested boxes */
[data-theme="light"] .box-contrast {
    background-color: #f9f9f9 !important; /* Slightly darker than --surface (#f5f5f5) */
    border: 1px solid #eeeeee;
}

[data-theme="light"] .box .box-contrast {
    background-color: #f9f9f9 !important;
}

/* Bulma light background helpers themed for light mode (no color-mix) */
[data-theme="light"] .has-background-primary-light {
    background-color: #fff3eb !important; /* soft orange */
    color: var(--text-primary) !important;
}

[data-theme="light"] .has-background-info-light {
    background-color: #eaf6ff !important; /* soft blue/info */
    color: var(--text-primary) !important;
}

[data-theme="light"] .has-background-success-light {
    background-color: #edfdf7 !important; /* soft green/success */
    color: var(--text-primary) !important;
}

[data-theme="light"] .has-background-warning-light {
    background-color: #fffbe8 !important; /* soft yellow/warning */
    color: var(--text-primary) !important;
}