/* filepath: app/static/css/style.css */

/* Strict UI Color Palette Variables */
:root {
    --primary-blue: #0D6EFD;
    --pure-white: #FFFFFF;
    --soft-gray: #F8F9FA;
    --dark-gray: #6C757D;
    --solid-black: #212529;
}

body {
    background-color: var(--soft-gray);
    color: var(--solid-black);
    font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
}

/* Navbar Custom Styling */
.bg-dark-custom {
    background-color: var(--solid-black) !important;
}

/* Primary Buttons */
.btn-primary {
    background-color: var(--primary-blue);
    border-color: var(--primary-blue);
}

.btn-primary:hover {
    background-color: #0b5ed7; /* Slightly darker shade for hover state */
    border-color: #0a58ca;
}

/* Cards (Used for Login, Settings, Dashboard panels) */
.card {
    background-color: var(--pure-white);
    border: 1px solid #dee2e6; /* Bootstrap default subtle border */
    border-radius: 8px;
    box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
}

/* Muted Text */
.text-muted-custom {
    color: var(--dark-gray) !important;
}

/* Form Controls Focus State */
.form-control:focus {
    border-color: var(--primary-blue);
    box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
}

/* filepath: app/static/css/style.css */
.border-dashed {
    border-style: dashed !important;
    border-width: 2px !important;
    transition: all 0.2s ease;
}
.border-dashed:hover {
    background-color: #f1f3f5 !important;
}