/* =======================__THE APA Africa - Resources__============================  */
:root {
    --apa-green:       #0a5c36;
    --apa-green-dark:  #084526;
    --apa-navy:        #1a3a6b;
    --apa-grey:        #858585;
    --apa-gold:        #d4af37;
    --apa-accent:      #61ce70;
    --apa-text:        #1f2a24;
    --apa-text-soft:   #4b5a52;
    --apa-border:      #e3e7e4;
    --apa-bg-card:     #ffffff;
    --apa-bg-page:     #fafaf8;
    --apa-chip-bg:     #eaf3ee;
    --apa-tag-bg:      #eef1f6;
    --apa-pill-bg:     #f4f6f5;
    --apa-radius:      10px;
    --apa-radius-sm:   6px;
    --apa-shadow:      0 1px 3px rgba(10, 92, 54, 0.06);
    --font-sans: "Helvetica Neue", "Helvetica", "Arial", ui-sans-serif, system-ui, sans-serif;
    --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
    --color-black: #000;
    --color-white: #fff;
    --spacing: .25rem;

    --text-xs: .75rem;
    --text-xs--line-height: calc(1 / .75);
    --text-sm: .875rem;
    --text-sm--line-height: calc(1.25 / .875);
    --text-base: 1rem;
    --text-base--line-height: calc(1.5 / 1);
    --text-lg: 1.125rem;
    --text-lg--line-height: calc(1.75 / 1.125);
    --text-xl: 1.25rem;
    --text-xl--line-height: calc(1.75 / 1.25);
    --text-2xl: 1.5rem;
    --text-2xl--line-height: calc(2 / 1.5);
    --text-3xl: 1.875rem;
    --text-3xl--line-height: calc(2.25 / 1.875);
    --text-4xl: 2.25rem;
    --text-4xl--line-height: calc(2.5 / 2.25);
    --text-5xl: 3rem;
    --text-5xl--line-height: 1;
    --text-6xl: 3.75rem;
    --text-6xl--line-height: 1;
    --text-7xl: 4.5rem;
    --text-7xl--line-height: 1;
    --font-weight-normal: 400;
    --font-weight-medium: 500;
    --font-weight-semibold: 600;
    --font-weight-bold: 700;
    --font-weight-extrabold: 800;
    --font-weight-black: 900;
    --tracking-tight: -.025em;
    --tracking-wide: .025em;
    --tracking-wider: .05em;
    --tracking-widest: .1em;
    --leading-tight: 1.25;
    --leading-snug: 1.375;
    --leading-relaxed: 1.625;
    --radius-md: .375rem;
    --radius-lg: .5rem;
    --radius-2xl: 1rem;
    --animate-spin: spin 1s linear infinite;
    --aspect-video: 16 / 9;
    --default-transition-duration: .15s;
    --default-transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    --default-font-family: var(--font-sans);
    --default-mono-font-family: var(--font-mono);
   
}

* { box-sizing: border-box; }

body {
    margin: 0;
    background: var(--apa-bg-page);
    color: var(--apa-text);
    font-family: var(--font-sans);
    /* font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif; */
    line-height: 1.5;
}
.apa-gradient {
    background: linear-gradient(157deg, #0a5c36 0%, #0b5c4e 48%, #0d2b4e 100%);
}
.apa-main__header {
    display: flex;
    align-items: center;
    gap: 14px;
    margin-bottom: 10px;
}


.apa-badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: var(--apa-gold);
    color: #4a3a0a;
    font-weight: 800;
    font-size: 20px;
    padding: 6px 12px;
    border-radius: 6px;
    letter-spacing: 0.02em;
    flex-shrink: 0;
}

.apa-badge--sm {
    font-size: 13px;
    padding: 5px 10px;
}

.apa-title {
    font-size: 30px;
    font-weight: 700;
    color: var(--apa-green);
    margin: 0;
}

.apa-subtitle {
    color: var(--apa-text-soft);
    font-size: 15px;
    /* max-width: 780px; */
    margin: 0 0 28px;
}

.apa-main__header + .apa-subtitle {
    border-bottom: 3px solid var(--apa-gold);
    padding-bottom: 24px;
}

.apa-divider {
    height: 1px;
    background: var(--apa-border);
    margin: 4px 0 16px;
}


.apa-main-container {
    width: 100%;
}


.apa-gradient {
    background: linear-gradient(157deg, #0a5c36 0%, #0b5c4e 48%, #0d2b4e 100%);
}

.apa-kpi {
    background: #ffffff1a;
    border-radius: 8px;
}

h2 {
    font-size: var(--text-2xl);
    font-weight: bold;
    color: var(--apa-green);
}

.text-apa-navy {
    color: var(--apa-navy);
}
.font-semibold {
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
}

.border-rounded {

    border-radius: var(--radius-lg);

}

.text-white {color: #ffffff !important;}

 /* =======================__Footer__============================  */
 .footer-heading {
    text-transform: uppercase;
    color: var(--apa-gold);
    --tw-tracking: var(--tracking-wider);
    letter-spacing: var(--tracking-wider);
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
        font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
 }