:root {
    --bs-body-bg: #0b0f19;
    --bs-secondary-bg: #1e293b;
    --bs-body-color: #f8fafc;
    --bs-secondary-color: #94a3b8;
    --bs-border-color: rgba(255, 255, 255, 0.1);

    --bs-primary: #00d2ff;

    --bs-form-control-bg: #1e293b;
    --bs-form-control-color: #f8fafc;

    --bs-input-focus-bg: #0f172a;
    --bs-input-focus-color: #f8fafc;
    --bs-input-focus-border-color: #00d2ff;
    --bs-input-focus-box-shadow: 0 0 0 0.25rem rgba(0, 210, 255, 0.25);

    --sidebar-bg: #0f172a;
    --sidebar-text: #f8fafc;
    --background: #0b0f19;
    --text: #f8fafc;
    --card-bg: #0f172a;
    --card-border: rgba(0, 210, 255, 0.2);

    --bs-emphasis-color: #f8fafc;
    --bs-body-line-height: 1.35;

    --bs-warning-bg-subtle: rgba(245, 158, 11, 0.15);
    --bs-success-bg-subtle: rgba(16, 185, 129, 0.15);

    --bs-body-font-family: "Funnel Display", "Segoe UI", Tahoma, Verdana, sans-serif;
}

body.dark-mode {
    --bs-body-bg: #0b0f19;
    --bs-secondary-bg: #1e293b;
    --bs-body-color: #f8fafc;
    --bs-secondary-color: #94a3b8;

    --bs-border-color: rgba(255, 255, 255, 0.1);

    --bs-primary: #00d2ff;

    --bs-form-control-bg: #1e293b;
    --bs-form-control-color: #f8fafc;
    --bs-input-bg: #1e293b;
    --bs-input-focus-bg: #0f172a;
    --bs-input-focus-color: #f8fafc;
    --bs-input-focus-border-color: #00d2ff;
    --bs-input-focus-box-shadow: 0 0 0 0.25rem rgba(0, 210, 255, 0.25);

    --sidebar-bg: #0f172a;
    --sidebar-text: #f8fafc;
    --background: #0b0f19;
    --text: #f8fafc;
    --card-bg: #0f172a;
    --card-border: rgba(0, 210, 255, 0.2);

    --bs-emphasis-color: #f8fafc;

    input:disabled, textarea:disabled, select:disabled {
        color: var(--bs-secondary-color) !important;
        opacity: 0.7 !important;
    }
}

body.light-mode {
    --bs-body-bg: #f8fafc;
    --bs-secondary-bg: #f1f5f9;
    --bs-body-color: #0f172a;
    --bs-secondary-color: #64748b;

    --bs-border-color: rgba(0, 0, 0, 0.1);

    --bs-primary: #009987;

    --bs-form-control-bg: #ffffff;
    --bs-form-control-color: #0f172a;
    --bs-input-bg: #ffffff;
    --bs-input-focus-bg: #ffffff;
    --bs-input-focus-color: #0f172a;
    --bs-input-focus-border-color: #009987;
    --bs-input-focus-box-shadow: 0 0 0 0.25rem rgba(0, 153, 135, 0.2);

    --sidebar-bg: #ffffff;
    --sidebar-text: #0f172a;
    --background: #f8fafc;
    --text: #0f172a;
    --card-bg: #ffffff;
    --card-border: rgba(0, 153, 135, 0.2);

    --bs-emphasis-color: #0f172a;

    input:disabled, textarea:disabled, select:disabled {
        color: var(--bs-secondary-color) !important;
        opacity: 0.7 !important;
    }
}

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