:root {
    color-scheme: dark;
}

:root[data-theme="light"] {
    color-scheme: light;
}

:root[data-theme="light"] body {
    background-color: #f5f7fb;
    color: #0d1b2a;
}

.theme-toggle {
    position: fixed;
    top: 1rem;
    right: 1rem;
    z-index: 1000;
    border: 1px solid rgba(255, 255, 255, 0.12);
    border-radius: 999px;
    padding: 0.4rem 0.85rem;
    background: rgba(15, 30, 47, 0.85);
    color: #e6edf7;
    font-weight: 600;
    cursor: pointer;
    transition: background 0.2s ease, color 0.2s ease, border-color 0.2s ease;
}

.theme-toggle:hover {
    background: rgba(25, 198, 194, 0.2);
    border-color: rgba(25, 198, 194, 0.4);
}

:root[data-theme="light"] .theme-toggle {
    background: #ffffff;
    color: #0d1b2a;
    border-color: rgba(13, 27, 42, 0.2);
}

:root[data-theme="light"] .dashboard-shell {
    background:
        radial-gradient(1200px 600px at 10% 0%, rgba(220, 235, 250, 0.6), transparent 60%),
        radial-gradient(800px 500px at 90% 20%, rgba(230, 250, 245, 0.7), transparent 55%);
}

:root[data-theme="light"] .dashboard-sidebar {
    background: linear-gradient(180deg, #ffffff 0%, #f1f4f9 100%);
    border-color: rgba(13, 27, 42, 0.12);
    box-shadow: 0 20px 40px rgba(13, 27, 42, 0.08);
}

:root[data-theme="light"] .sidebar-sub,
:root[data-theme="light"] .dashboard-clock {
    color: #4b5b6e;
}

:root[data-theme="light"] .sidebar-link {
    background: rgba(13, 27, 42, 0.04);
}

:root[data-theme="light"] .sidebar-link:hover {
    background: rgba(10, 160, 190, 0.12);
    border-color: rgba(10, 160, 190, 0.3);
}

:root[data-theme="light"] .sidebar-action {
    background: rgba(13, 27, 42, 0.06);
    border-color: rgba(13, 27, 42, 0.12);
    color: #0d1b2a;
}

:root[data-theme="light"] .sidebar-action.is-logout {
    background: rgba(220, 30, 30, 0.1);
    border-color: rgba(220, 30, 30, 0.3);
    color: #8a1f1f;
}

:root[data-theme="light"] .dashboard-title,
:root[data-theme="light"] .title h2 {
    color: #0d1b2a;
}

:root[data-theme="light"] .dashboard-header {
    border-bottom-color: rgba(13, 27, 42, 0.12);
}

:root[data-theme="light"] .dashboard-tile,
:root[data-theme="light"] .title,
:root[data-theme="light"] .admin-card,
:root[data-theme="light"] .sign-panel,
:root[data-theme="light"] .sign-form-card {
    background-color: #ffffff;
    border-color: rgba(13, 27, 42, 0.12);
    box-shadow: 0 16px 32px rgba(13, 27, 42, 0.08);
    color: #0d1b2a;
}

:root[data-theme="light"] .admin-table,
:root[data-theme="light"] .admin-form-table,
:root[data-theme="light"] .admin-form,
:root[data-theme="light"] .admin-actions,
:root[data-theme="light"] .admin-projects,
:root[data-theme="light"] .sign-panel,
:root[data-theme="light"] .sign-form-card,
:root[data-theme="light"] .sign-form {
    color: #0d1b2a;
}

:root[data-theme="light"] .sign-badge {
    color: #0d1b2a;
    background: rgba(13, 27, 42, 0.08);
}

:root[data-theme="light"] .sign-highlight {
    color: #0d5f6f;
}

:root[data-theme="light"] .sign-form label,
:root[data-theme="light"] .sign-form-card label {
    color: #0d1b2a;
}

:root[data-theme="light"] .sign-form input[type="submit"],
:root[data-theme="light"] .sign-form button,
:root[data-theme="light"] .sign-form-card input[type="submit"],
:root[data-theme="light"] .sign-form-card button,
:root[data-theme="light"] .sign-button,
:root[data-theme="light"] .admin-primary,
:root[data-theme="light"] .admin-card input[type="submit"],
:root[data-theme="light"] .admin-card button {
    color: #0d1b2a;
}

:root[data-theme="light"] .admin-table th {
    color: #4b5b6e;
}

:root[data-theme="light"] .admin-table th,
:root[data-theme="light"] .admin-table td,
:root[data-theme="light"] .admin-form-table td {
    border-bottom-color: rgba(13, 27, 42, 0.12);
}

:root[data-theme="light"] .admin-link {
    color: #246b7c;
}

:root[data-theme="light"] .admin-link.is-danger {
    color: #a12f2f;
}

:root[data-theme="light"] .admin-pill {
    background: rgba(10, 160, 190, 0.12);
    border-color: rgba(10, 160, 190, 0.3);
    color: #0d5f6f;
}

:root[data-theme="light"] .sign-container {
    background:
        radial-gradient(1000px 700px at 5% 0%, rgba(220, 235, 250, 0.8), transparent 60%),
        radial-gradient(800px 500px at 95% 20%, rgba(220, 245, 245, 0.7), transparent 55%),
        linear-gradient(180deg, #f5f7fb 0%, #eef2f7 100%);
}

:root[data-theme="light"] .sign-title,
:root[data-theme="light"] .sign-form-title {
    color: #0d1b2a;
}

:root[data-theme="light"] .sign-subtitle,
:root[data-theme="light"] .sign-form-subtitle,
:root[data-theme="light"] .sign-form-foot {
    color: #4b5b6e;
}

:root[data-theme="light"] .sign-form input[type="text"],
:root[data-theme="light"] .sign-form input[type="password"],
:root[data-theme="light"] .sign-form input[type="email"],
:root[data-theme="light"] .sign-form select,
:root[data-theme="light"] .sign-form-card input[type="text"],
:root[data-theme="light"] .sign-form-card input[type="password"],
:root[data-theme="light"] .sign-form-card input[type="email"],
:root[data-theme="light"] .sign-form-card select,
:root[data-theme="light"] .admin-card input[type="text"],
:root[data-theme="light"] .admin-card input[type="email"],
:root[data-theme="light"] .admin-card input[type="password"],
:root[data-theme="light"] .admin-card input[type="number"],
:root[data-theme="light"] .admin-card select,
:root[data-theme="light"] .admin-card textarea {
    background: #ffffff;
    color: #0d1b2a;
    border-color: rgba(13, 27, 42, 0.2);
}