/*
 * ScholarshipApplication - Main Stylesheet
 * Truly global styles only (color palette, utility classes, resets that
 * apply everywhere). Loaded on every page via Views/Shared/_Styles.cshtml
 * and Views/Account/_Styles.cshtml.
 *
 * Page/feature-specific styles have been split into their own files under
 * wwwroot/css/ and are loaded only by the pages that need them:
 *   - welcome.css            Views/Welcome/Index.cshtml
 *   - eti-nav.css            shared header used by ApplyForTuition + Account login logo
 *   - apply-for-tuition.css  Views/ApplyForTuition/Index.cshtml
 *   - admin-layout.css       Views/Shared/Layout/_AdminLayout.cshtml (shared admin chrome)
 *   - parameter-input.css    Views/ParameterInput/Index.cshtml
 *   - applicant-score.css    Views/ApplicantScore/Index.cshtml
 *   - login.css              Account login page (already page-specific)
 */

/* ============================================
   GLOBAL STYLES
   ============================================ */

:root {
    --eti-yellow: #FECA00;
    --eti-gold: #A98919;
    --eti-orange: #EE7900;
    --page-bg: #FECA00;
    --button-fg: #CE0006;
    --button-bg: #FFFFFF;
    --button-fg-hover: #EE7900;
    --form-bg: #FFFFFF;
    --form-fg-primary: #EE7900;
    --form-fg-primary-border: #CE0006;
    --form-fg-secondary: #838687;
    --field-border: #A98919;
    --divider-bg: #CE0006;
    --input-shadow: 0 0 0 3px #FECA00;
}

/* Note: the small set of truly generic resets this project also needs
   (.top-bar-language-nav-link, html overflow, .modal z-index,
   .form-group.required, .famfamfam-flags, .nav-user-menu, .sidebar*,
   .dataTables_wrapper) already ship via wwwroot/css/style.css, bundled
   into shared-layout.min.css / account-layout.min.css - no need to
   duplicate them here. */

/* Info box message component (used by the AdminLTE Home dashboard widgets) */
.info-box {
    background: #fff3cd;
    border: 1px solid #ffc107;
    border-radius: 8px;
    padding: 16px;
    margin-bottom: 24px;
    color: #856404;
    font-size: 0.9rem;
    line-height: 1.6;
}

.info-box strong {
    color: #533f03;
    display: block;
    margin-bottom: 8px;
}

/* ============================================
   UTILITY CLASSES
   ============================================ */

/* Text alignment utilities */
.text-center {
    text-align: center;
}

.text-left {
    text-align: left;
}

.text-right {
    text-align: right;
}

/* Spacing utilities */
.mt-10 {
    margin-top: 10px;
}

.mt-20 {
    margin-top: 20px;
}

.mb-10 {
    margin-bottom: 10px;
}

.mb-20 {
    margin-bottom: 20px;
}

/* Display utilities */
.d-none {
    display: none;
}

.d-block {
    display: block;
}

.d-flex {
    display: flex;
}

/* ============================================
   CUSTOM COMPONENT STYLES
   ============================================ */

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}