/**
 * MAGNA GLOBAL TYPOGRAPHY — Poppins (strict)
 * Premium Industrial Corporate | Blue + White + Gold
 *
 * Sizes = range ka minimum (desktop)
 * Hero 56 | Page 48 | Section 40 | Category 22 | Body 16
 * Nav 15 | CTA 16 | Footer 14 | Hero sub 20 | Leadership 28/18
 * Trust 32/14 | Product detail 34
 */

:root {
    /* === FONT FAMILY (Poppins only) === */
    --magna-font-family: 'Poppins', sans-serif;

    /* === DESKTOP FONT SIZES (minimum of each range) === */
    --magna-fs-hero: 56px;
    --magna-fs-page: 48px;
    --magna-fs-section: 40px;
    --magna-fs-category: 22px;
    --magna-fs-body: 16px;
    --magna-fs-nav: 15px;
    --magna-fs-cta: 16px;
    --magna-fs-footer: 14px;
    --magna-fs-card-body: 14px;
    --magna-fs-card-title-compact: 15px;
    --magna-fs-hero-sub: 20px;
    --magna-fs-leadership-name: 28px;
    --magna-fs-leadership-role: 18px;
    --magna-fs-trust-num: 32px;
    --magna-fs-trust-text: 14px;
    --magna-fs-product-detail: 34px;

    /* === MOBILE FONT SIZES === */
    --magna-fs-hero-mobile: 40px;
    --magna-fs-page-mobile: 36px;
    --magna-fs-section-mobile: 30px;
    --magna-fs-hero-sub-mobile: 18px;
    --magna-fs-trust-num-mobile: 28px;
    --magna-fs-product-detail-mobile: 28px;

    /* === LEGACY ALIASES (components / old vars) === */
    --magna-fs-h1: var(--magna-fs-hero);
    --magna-fs-h1-mobile: var(--magna-fs-hero-mobile);
    --magna-fs-h2: var(--magna-fs-section);
    --magna-fs-h2-mobile: var(--magna-fs-section-mobile);
    --magna-fs-lead: var(--magna-fs-hero-sub);
    --magna-fs-lead-mobile: var(--magna-fs-hero-sub-mobile);
    --magna-fs-base: var(--magna-fs-cta);
    --magna-fs-small: var(--magna-fs-footer);
    --magna-fs-xs: var(--magna-fs-footer);
    --magna-fs-sm: var(--magna-fs-footer);
    --magna-fs-strip: var(--magna-fs-category);
    --magna-lh-section: 1.45;
    --magna-lh-strip: 1.45;
    --magna-fs-eyebrow: var(--magna-fs-nav);
    --magna-fs-section-title: var(--magna-fs-category);

    /* === FONT WEIGHTS (400, 500, 600, 700 only) === */
    --magna-fw-regular: 400;
    --magna-fw-medium: 500;
    --magna-fw-semibold: 600;
    --magna-fw-bold: 700;
    --magna-fw-extrabold: 700;

    /* === LINE HEIGHTS === */
    --magna-lh-tight: 1.15;
    --magna-lh-snug: 1.4;
    --magna-lh-normal: 1.7;
    --magna-lh-relaxed: 1.8;

    /* === LETTER SPACING === */
    --magna-ls-nav: 0.3px;
    --magna-ls-eyebrow: 0.5px;

    /* === BRAND COLORS === */
    --magna-blue: #0B3472;
    --magna-blue-rgb: 11, 52, 114;
    --magna-corporate-blue: #173F8A;
    --magna-gold: #D89A1D;
    --magna-bg-white: #FFFFFF;
    --magna-bg-grey: #F5F7FA;
    --magna-text-heading: #0B3472;
    --magna-text-body: #444444;
    --magna-text-secondary: #6B7280;
    --magna-red: #D64545;
    --magna-footer-bg: #0B3472;
    --magna-footer-text: #FFFFFF;
    --magna-footer-icon: #D89A1D;

    --magna-color-heading: var(--magna-text-heading);
    --primary-orange: var(--magna-gold);
    --magna-strip-blue: var(--magna-blue);
    --magna-strip-orange: var(--magna-gold);
    --magna-section-bg: var(--magna-bg-grey);

    /* === SECTION LAYOUT === */
    --magna-section-padding: 80px 0;
    --magna-section-padding-mobile: 60px 0;
    --magna-container-max: 1200px;

    /* Bootstrap sync */
    --bs-font-sans-serif: var(--magna-font-family);
    --bs-body-font-family: var(--magna-font-family);
    --bs-body-font-size: var(--magna-fs-body);
    --bs-body-line-height: var(--magna-lh-normal);

    --font-primary: var(--magna-font-family);
}

html {
    font-size: var(--magna-fs-body);
}

html,
body {
    font-family: var(--magna-font-family);
    font-weight: var(--magna-fw-regular);
    font-size: var(--magna-fs-body);
    line-height: var(--magna-lh-normal);
    color: var(--magna-text-body);
    background-color: var(--magna-bg-white);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

button,
input,
select,
textarea {
    font-family: var(--magna-font-family);
}

/* Icon fonts — do not override */
.fa,
.fas,
.far,
.fab,
[class^="fa-"],
[class*=" fa-"],
i.fa {
    font-family: FontAwesome !important;
    font-style: normal;
    font-weight: normal;
}