:root {
    /* ==================== TinyMoon Light Theme ==================== */
    --bs-primary: #14B8A6; /* Teal - Main brand color */
    --bs-primary-rgb: 20, 184, 166;
    --bs-secondary: #64748B;
    --bs-secondary-rgb: 100, 116, 139;
    --bs-success: #14B8A6;
    --bs-success-rgb: 20, 184, 166;
    --bs-info: #0EA5E9;
    --bs-info-rgb: 14, 165, 233;
    --bs-warning: #F59E0B;
    --bs-warning-rgb: 245, 158, 11;
    --bs-danger: #EF4444;
    --bs-danger-rgb: 239, 68, 68;
    /* Light Mode Backgrounds */
    --bs-body-bg: #F8FAFC; /* Soft light background */
    --bs-body-color: #0F172A; /* Dark navy text */

    --bs-light: #F1F5F9;
    --bs-light-rgb: 241, 245, 249;
    --bs-dark: #0A1428;
    --bs-dark-rgb: 10, 20, 40;
    /* Borders & Surfaces */
    --bs-border-color: #E2E8F0;
    /* Moon / Silver accents */
    --tm-silver: #E5E9F0;
    --tm-teal: #14B8A6;
    --bs-link-color-rgb: 20, 184, 166;
    --bs-accordion-active-bg: #F8FAFC;
}


@font-face {
    /**Cairo-VariableFont_slnt,wght*/
    font-family: 'Cairo';
    /* Path to your downloaded font file */
    src: url('fonts/cairo/Cairo-VariableFont.ttf') format('truetype-variations');
    /* Define the range for weight and style */
    font-weight: 200 1000;
    font-style: oblique 0deg 11deg;
    font-display: swap;
}

* {
    font-family: 'Cairo', serif !important;
    border-radius: 0 !important;
}
html {
    font-size: 14px;
    background-color: antiquewhite;
}

body {
    background-color: white;
    height: 100%;
    min-height: 100vh;
}

.form-floating > .form-control-plaintext::placeholder, .form-floating > .form-control::placeholder {
  color: var(--bs-secondary-color);
  text-align: end;
}

.form-floating > .form-control-plaintext:focus::placeholder, .form-floating > .form-control:focus::placeholder {
  text-align: start;
}
.w-90 {
    width: 90% !important;
}
.w-95 {
    width: 95% !important;
}
.row {
    --bs-gutter-x: 0;
    --bs-gutter-y: 0;
    display: flex;
    flex-wrap: wrap;
    margin-top: calc(-1 * var(--bs-gutter-y));
    margin-right: calc(-.5 * var(--bs-gutter-x));
    margin-left: calc(-.5 * var(--bs-gutter-x));
}

.form-select {
    padding-top: 0.55rem;
    padding-bottom: 0.55rem;
}

label {
    font-weight:bold;
    margin-bottom: 0.5%;
    margin-top:0.5%;
}

.nav-item:hover {
    background-color: var(--bs-primary);
    color: var(--bs-light);
}
.nav-link:hover {
    background-color: var(--bs-primary);
    color: var(--bs-light);
}
.dropdown-item:hover {
    background-color: var(--bs-primary);
    color: var(--bs-light);
}