/**
 * Corporate — professional grey & glass (original site palette).
 */

:root {
    --bg: #e4e8ed;
    --bg-alt: #d1d7de;
    --bg-shine: #f4f6f8;
    --text: #2a3139;
    --text-muted: #5c6773;
    --primary: #5a6a7a;
    --primary-dark: #3f4d5a;
    --secondary: #8a96a3;
    --accent: #c8d0d8;
    --card: rgba(255, 255, 255, 0.45);
    --card-border: rgba(255, 255, 255, 0.72);
    --glass-highlight: rgba(255, 255, 255, 0.55);
    --shadow: 0 8px 32px rgba(42, 49, 57, 0.12), 0 1px 0 rgba(255, 255, 255, 0.6) inset;
    --radius: 0;
    --header-bg: rgba(236, 240, 244, 0.82);
    --focus: #6b8cae;
    --success: #4a7c59;
    --danger: #a85c5c;
    --employee-accent: #4a5d6e;
    --border-subtle: rgba(138, 150, 163, 0.35);

    /* index.php — hero + front-page notice (match former universal blue glass) */
    --md-landing-hero-bg:
        radial-gradient(120% 80% at 10% 0%, rgba(56, 189, 248, 0.35) 0%, transparent 55%),
        radial-gradient(90% 70% at 95% 20%, rgba(167, 139, 250, 0.22) 0%, transparent 50%),
        radial-gradient(80% 60% at 50% 100%, rgba(52, 211, 153, 0.2) 0%, transparent 45%),
        linear-gradient(165deg, #f8fafc 0%, #eef6ff 38%, #f0fdf9 100%);
    --md-landing-hero-overlay: radial-gradient(circle at 30% 40%, rgba(59, 130, 246, 0.08) 0%, transparent 45%);
    --md-landing-eyebrow-color: #0369a1;
    --md-landing-eyebrow-bg: rgba(255, 255, 255, 0.85);
    --md-landing-eyebrow-border: rgba(14, 165, 233, 0.35);
    --md-landing-eyebrow-shadow: 0 2px 12px rgba(14, 165, 233, 0.12);
    --md-landing-hero-heading-color: #0f172a;
    --md-landing-headline-gradient: linear-gradient(105deg, #0d9488 0%, #2563eb 45%, #7c3aed 100%);
    --md-landing-site-name-color: #64748b;
    --md-front-banner-bg:
        radial-gradient(120% 80% at 10% 0%, rgba(56, 189, 248, 0.35) 0%, transparent 55%),
        radial-gradient(90% 70% at 95% 20%, rgba(167, 139, 250, 0.22) 0%, transparent 50%),
        radial-gradient(80% 60% at 50% 100%, rgba(52, 211, 153, 0.2) 0%, transparent 45%),
        linear-gradient(165deg, #f8fafc 0%, #eef6ff 38%, #f0fdf9 100%);
    --md-front-banner-overlay: radial-gradient(circle at 30% 35%, rgba(59, 130, 246, 0.08) 0%, transparent 45%);
    --md-front-banner-title-color: #0369a1;
    --md-front-banner-text-color: #475569;
    --md-front-banner-ok-bg: linear-gradient(180deg, #3b82f6 0%, #2563eb 55%, #1d4ed8 100%);
    --md-front-banner-ok-shadow: 0 4px 16px rgba(37, 99, 235, 0.38), 0 1px 0 rgba(255, 255, 255, 0.25) inset;
    --md-front-banner-ok-hover-bg: linear-gradient(180deg, #60a5fa 0%, #3b82f6 55%, #2563eb 100%);
    --md-landing-loc-card-strip: linear-gradient(90deg, #0d9488, #2563eb);

    /* index.php — full-width light stack + feature cards (cool glass, not flat grey) */
    --md-landing-stack-light-band-bg:
        linear-gradient(
            145deg,
            color-mix(in srgb, var(--bg) 88%, rgba(56, 189, 248, 0.14)) 0%,
            color-mix(in srgb, var(--bg-shine) 82%, rgba(167, 139, 250, 0.1)) 48%,
            color-mix(in srgb, var(--bg-alt) 78%, rgba(14, 165, 233, 0.08)) 100%
        );
    --md-landing-stack-light-band-backdrop: blur(22px) saturate(1.12);
    --md-landing-stack-light-band-border-top: color-mix(in srgb, var(--card-border) 72%, rgba(14, 165, 233, 0.28));
    --md-landing-stack-light-band-border-bottom: color-mix(in srgb, var(--card-border) 75%, rgba(90, 106, 122, 0.22));
    --md-landing-stack-light-inner-bg:
        linear-gradient(
            165deg,
            color-mix(in srgb, rgba(255, 255, 255, 0.88) 100%, var(--primary)) 0%,
            color-mix(in srgb, rgba(255, 255, 255, 0.48) 100%, var(--primary-dark)) 50%,
            color-mix(in srgb, var(--bg) 38%, transparent) 100%
        );
    --md-landing-stack-light-inner-border: color-mix(in srgb, var(--card-border) 65%, rgba(14, 165, 233, 0.26));
    --md-landing-stack-light-inner-shadow:
        0 0 0 1px rgba(14, 165, 233, 0.1),
        0 18px 44px rgba(42, 49, 57, 0.11),
        0 1px 0 rgba(255, 255, 255, 0.65) inset;
    --md-landing-stack-light-inner-backdrop: blur(20px) saturate(1.14);
    --md-landing-stack-light-icon-bg: linear-gradient(
        145deg,
        color-mix(in srgb, var(--primary) 20%, #fff) 0%,
        color-mix(in srgb, var(--primary) 9%, var(--card)) 100%
    );
    --md-landing-stack-light-icon-border: color-mix(in srgb, var(--primary) 26%, var(--card-border));
    --md-landing-feature-card-bg: linear-gradient(
        145deg,
        color-mix(in srgb, var(--card) 91%, var(--bg-shine)) 0%,
        color-mix(in srgb, var(--card) 74%, color-mix(in srgb, var(--primary) 14%, rgba(56, 189, 248, 0.12))) 100%
    );
    --md-landing-feature-card-backdrop: blur(18px) saturate(1.1);
}