/* GrameenU theme – theme-unification variables. Client enum: GrameenU */
:root {
    --theme-primary: #32649E;
    --theme-primary-rgb: 50, 100, 158;
    --theme-primary-hover: #2a5690;
    --theme-secondary: #32649E;
    --theme-secondary-rgb: 50, 100, 158;
    --theme-accent: #4CC4D1;
    --theme-accent-rgb: 76, 196, 209;
    --theme-accent-hover: #3db8c4;
    --theme-success: #3DB873;
    --theme-success-rgb: 61, 184, 115;
    --theme-error: #F47955;
    --theme-error-rgb: 244, 121, 85;
    /* Semantic info (matches Mud palette Info in ClientThemeRegistry) */
    --theme-info: #4CC4D1;
    --theme-info-rgb: 76, 196, 209;
    --theme-surface: #FFFFFF;
    --theme-background: #FFFFFF;
    --theme-background-grey: #F5F5F5;
    --theme-header-bg: #FFFFFF;
    --theme-text-primary: #32649E;
    --theme-text-secondary: #333333;
    --theme-divider: #BEBEBE;
    /* ~70% black — title + app bar mark context */
    --theme-portal-title-color: rgba(0, 0, 0, 1);
    --footer-overlay: rgba(0, 28, 64, 0.85);
    --theme-section-title-color: #000000;
    --theme-program-card-bg: transparent;
    --theme-program-type-tag-color: #FFFFFF;
    --theme-program-name-color: #000000;
    --theme-application-process-title-color: #FFFFFF;
    --theme-process-step-card-bg: #FFFFFF;
    --theme-process-step-icon-color: #32649E;
    --theme-process-arrow-color: #FFFFFF;
    --theme-process-step-header-color: #000000;
    --theme-process-step-text-color: #000000;
    --theme-resource-card-button-color: #000000;
    --theme-need-assistance-bg: #FFFFFF;
    --theme-need-assistance-text: #000000;
    --theme-important-dates-bg: #4CC4D1;
    --theme-important-dates-bg-light: #B8E6EB;
    --theme-body-text: #000000;
    --theme-text-on-accent: #FFFFFF;
    --theme-card-overlay: rgba(0, 0, 0, 0.6);

    /* Login page (Figma-aligned; switches with client theme) */
    --theme-login-page-overlay: rgba(var(--theme-primary-rgb), 0.45);
    --theme-login-page-backdrop-blur: 2px;
    --theme-login-card-backdrop-blur: 1px;
    --theme-login-card-bg: color-mix(in srgb, var(--theme-surface) 98%, transparent);
    --theme-login-card-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
    --theme-login-brand-bg: var(--theme-surface);
    --theme-login-form-gradient: linear-gradient(231.38deg, var(--theme-accent) 0.69%, var(--theme-primary) 55.09%);
    --theme-login-form-backdrop-blur: 3.5px;
    --theme-login-form-inset-line: rgba(255, 255, 255, 0.06);
    --theme-login-form-inner-shadow: 0 0 30px 10px rgba(0, 0, 0, 0.06);
    --theme-login-on-gradient: var(--theme-surface);
    --theme-login-link: var(--theme-login-on-gradient);
    --theme-login-input-bg: var(--theme-surface);
    --theme-login-input-text: var(--theme-body-text);
    --theme-login-placeholder-color: #757575;
    --theme-login-icon-muted: #757575;
    --theme-login-focus-ring: rgba(255, 255, 255, 0.5);
    --theme-login-submit-shadow: 0 2px 0 rgba(0, 0, 0, 0.04);
    --theme-login-loading-panel-bg: color-mix(in srgb, var(--theme-surface) 95%, transparent);
    --theme-login-alert-surface: color-mix(in srgb, var(--theme-surface) 95%, transparent);
    --theme-login-icon-hover-bg: rgba(0, 0, 0, 0.04);
    /* Auth forms (login / register / forgot): Mud validation helper strip */
    --theme-login-validation-helper-bg: #f8f3ce;
    --theme-login-validation-error-text: #ff0000;

    /* Job list hero carousel (Figma nodes 209:138, 209:143, 209:147) */
    --theme-hero-slide-overlay-gradient: linear-gradient(90deg, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0) 60.096%);
    --theme-hero-slide-title-color: var(--theme-surface);
    --theme-hero-slide-subtitle-color: #FFCF0D;
    --theme-hero-slide-padding-inline: clamp(24px, 5vw, 60px);
    --theme-hero-slide-stack-gap: 30px;
    --theme-hero-slide-title-size: clamp(1.75rem, 4vw, 48px);
    --theme-hero-slide-subtitle-size: clamp(1rem, 2.2vw, 24px);
    --theme-hero-slide-subtitle-weight: 400;
    --theme-hero-carousel-min-height: 400px;
    --theme-hero-carousel-height: min(52vw, 480px);
    --theme-hero-carousel-bullet-active: var(--theme-surface);
    --theme-hero-carousel-bullet-inactive: rgba(255, 255, 255, 0.45);

    /* Job details page (Figma nodes 11:3936, 11:3959, 290:232) */
    --theme-job-details-page-bg: #F9FAFB;
    --theme-job-details-breadcrumb-link: var(--theme-primary);
    --theme-job-details-breadcrumb-current: color-mix(in srgb, var(--theme-text-secondary) 85%, transparent);
    --theme-job-details-topbar-bg: var(--theme-accent);
    --theme-job-details-summary-bg: rgba(var(--theme-accent-rgb), 0.2);
    --theme-job-details-summary-border: var(--theme-accent);
    --theme-job-details-muted-text: color-mix(in srgb, var(--theme-body-text) 70%, transparent);
    --theme-job-details-panel-bg: rgba(var(--theme-accent-rgb), 0.1);
    --theme-job-details-panel-border: var(--theme-accent);
    --theme-job-details-pill-bg: var(--theme-surface);
    --theme-job-details-pill-border: var(--theme-error);
    --theme-job-details-pill-text: var(--theme-error);

    /* Application form + career resource cards (Figma career portal) */
    --theme-app-form-tab-column-gap: 30px;
    --theme-app-form-resource-card-title-size: 1.75rem;
    --theme-app-form-resource-card-body-size: 1.25rem;
    --theme-app-form-resource-card-radius: 4px;
    --theme-app-form-resource-cta-radius: 10px;
    --theme-app-form-resource-grid-min-height: 450px;
    --theme-app-form-resource-sidebar-min-height: 260px;

    /* Application form page (Figma career portal) */
    --theme-app-form-header-bg: var(--theme-info);
    --theme-app-form-header-title-color: var(--theme-surface);
    --theme-app-form-header-icon-color: var(--theme-surface);
    --theme-app-form-header-submit-bg: var(--theme-surface);
    --theme-app-form-header-submit-text: var(--theme-primary);
    --theme-app-form-header-submit-border: var(--theme-primary);
    --theme-app-form-stepper-bg: color-mix(in srgb, var(--theme-info) 22%, var(--theme-surface));
    --theme-app-form-stepper-border: var(--theme-info);
    --theme-app-form-stepper-line: rgba(0, 0, 0, 0.2);
    --theme-app-form-stepper-active-dot: var(--theme-primary);
    --theme-app-form-stepper-inactive-dot-border: var(--theme-info);
    --theme-app-form-stepper-label-active: var(--theme-primary);
    --theme-app-form-stepper-label-inactive: #616161;
    --theme-app-form-tab-toolbar-bg: rgba(0, 0, 0, 0.1);
    --theme-app-form-tab-inactive-bg: color-mix(in srgb, #000000 10%, transparent);
    --theme-app-form-tab-active-bg: var(--theme-primary);
    --theme-app-form-tab-active-fg: var(--theme-surface);
    --theme-app-form-tab-inactive-fg: var(--theme-primary);
    --theme-app-form-file-row-min-height: 88px;
    /* Application form file-type icons (Excel / Word / PDF) */
    --theme-app-form-file-icon-excel: #039065;
    --theme-app-form-file-icon-word: #027BD2;
    --theme-app-form-file-icon-pdf: #EA1B1B;
}