/* ── Executive Theme ────────────────────────────────────────────────────
   Dark navy + gold, serif headings, premium institutional feel.
   ─────────────────────────────────────────────────────────────────────── */

:root {
    --portal-primary: #1a2744;
    --portal-secondary: #0f1b2d;
    --portal-accent: #c89b3c;
    --portal-bg: #ffffff;
    --portal-bg-alt: #f5f6f8;
    --portal-text: #1a2744;
    --portal-text-muted: #5a6a7e;
    --portal-heading-font: 'Georgia', 'Times New Roman', serif;
    --portal-body-font: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    --portal-border-radius: 6px;
    --portal-border-color: #d4d8e0;
    --portal-shadow: 0 2px 8px rgba(26, 39, 68, 0.08);
    --portal-shadow-lg: 0 8px 30px rgba(26, 39, 68, 0.15);
    --portal-navbar-bg: #1a2744;
    --portal-navbar-text: #ffffff;
    --portal-hero-bg: linear-gradient(135deg, #1a2744 0%, #2d4a7a 50%, #1a2744 100%);
    --portal-hero-text: #ffffff;
    --portal-success: #2f855a;
    --portal-danger: #c53030;
}

.hero-section::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 4px;
    background: linear-gradient(90deg, transparent, var(--portal-accent), transparent);
}

.hero-section {
    position: relative;
}

.feature-icon {
    background: rgba(200, 155, 60, 0.12);
    color: var(--portal-accent);
}