/* =========================================
   OFFICIAL PCH DESIGN SYSTEM (ORANGE THEME)
   ========================================= */
:root {
    --primary-orange: #F97316;
    --dark-orange: #EA580C;
    --light-orange: #FFF7ED;
    --darkest-orange: #4A1504; 
    --gradient-dark: linear-gradient(135deg, #4A1504 0%, #7C2D12 100%);
    --text-dark: #1F2937;
    --text-muted: #4B5563;
    --bg-light: #F9FAFB;
    --border-color: #E5E7EB;
    --white: #FFFFFF;
    --radius: 8px;
}

body {
    font-family: 'Inter', sans-serif;
    color: var(--text-dark);
    background-color: var(--bg-light);
    line-height: 1.6;
    overflow-x: hidden;
}

/* FIXED: Removed the forced color on headings so they can be white on dark backgrounds! */
h1, h2, h3, h4, h5, h6 { font-weight: 700; }

/* BOOTSTRAP OVERRIDES FOR ORANGE THEME */
.text-primary { color: var(--primary-orange) !important; }
.bg-primary { background-color: var(--primary-orange) !important; }
.bg-corporate-dark { background: var(--gradient-dark) !important; color: var(--white); }
.text-corporate-dark { color: var(--darkest-orange) !important; }

/* BUTTONS */
.btn-primary, .btn-primary-custom {
    background-color: var(--primary-orange) !important;
    color: var(--white) !important;
    border: 1px solid var(--primary-orange) !important;
    border-radius: var(--radius);
    padding: 10px 24px;
    font-weight: 600;
    transition: all 0.2s ease-in-out;
}
.btn-primary:hover, .btn-primary-custom:hover {
    background-color: var(--dark-orange) !important;
    border-color: var(--dark-orange) !important;
    box-shadow: 0 4px 12px rgba(249, 115, 22, 0.3);
}
.btn-outline-custom {
    background-color: transparent;
    color: var(--primary-orange) !important;
    border: 2px solid var(--primary-orange) !important;
    border-radius: var(--radius);
    padding: 10px 24px;
    font-weight: 600;
    transition: all 0.2s ease-in-out;
}
.btn-outline-custom:hover {
    background-color: var(--primary-orange) !important;
    color: var(--white) !important;
}

/* CARDS */
.card-official {
    background-color: var(--white);
    border: 1px solid var(--border-color);
    border-radius: var(--radius);
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.05);
    transition: transform 0.2s ease-in-out;
    height: 100%;
}
.card-official:hover { transform: translateY(-2px); box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1); border-color: var(--primary-orange); }

/* FORMS */
.form-control-official { border-radius: var(--radius); border: 1px solid #D1D5DB; padding: 12px 15px; }
.form-control-official:focus { border-color: var(--primary-orange); box-shadow: 0 0 0 3px var(--light-orange); }

/* MISC */
.icon-box { width: 50px; height: 50px; background-color: var(--light-orange); color: var(--primary-orange); display: flex; align-items: center; justify-content: center; border-radius: var(--radius); font-size: 1.25rem; margin-bottom: 1rem; border: 1px solid rgba(249,115,22,0.2); }
.split-left { background: var(--gradient-dark); color: white; min-height: 100vh; display: flex; flex-direction: column; justify-content: space-between; padding: 50px; position: relative; }
.split-left h1, .split-left h2 { color: #ffffff !important; } /* Force White Text in Split Panel */
.split-right { min-height: 100vh; display: flex; align-items: center; justify-content: center; background-color: var(--white); padding: 40px; }
.auth-container { max-width: 450px; width: 100%; }
.page-header { background: var(--gradient-dark); color: var(--white); padding: 60px 0; border-bottom: 4px solid var(--primary-orange); }
.page-header h1 { color: #ffffff !important; }