/* Core Variables & HRDF Palette */
:root {
    --hrdf-primary-green: #005A36;
    --hrdf-accent-green: #00A86B;
    --hrdf-bg-light: #F8F9FA;
    --text-dark: #333333;
    --text-light: #FFFFFF;
    --font-family-en: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    --font-family-ar: 'Tajawal', 'Arial', sans-serif;
}

body {
    background-color: var(--hrdf-bg-light);
    color: var(--text-dark);
    margin: 0;
    padding: 0;
}

/* Directional Typography */
[dir="ltr"] body {
    font-family: var(--font-family-en);
    text-align: left;
}

[dir="rtl"] body {
    font-family: var(--font-family-ar);
    text-align: right;
}

/* Header & Footer Styling */
.hrdf-header, .hrdf-footer {
    background-color: var(--hrdf-primary-green);
    color: var(--text-light);
}

/* Prominent Logo Sizing */
.hrdf-header .brand-logo, 
.hrdf-footer .brand-logo {
    width: 180px;
    height: auto;
    display: inline-block;
}

.hrdf-btn-primary {
    background-color: var(--hrdf-accent-green) !important;
    color: var(--text-light) !important;
    border-radius: 6px;
    border: none;
    padding: 8px 16px;
    cursor: pointer;
}

.hrdf-btn-primary:hover {
    background-color: #008f5a !important;
}

/* Simulated Integration Loader */
#simulation-loader {
    display: none;
    width: 100%;
    background-color: #ddd;
    border-radius: 4px;
    margin-top: 10px;
}

#simulation-progress {
    width: 0%;
    height: 6px;
    background-color: var(--hrdf-accent-green);
    border-radius: 4px;
    transition: width 0.3s;
}