:root {

    /* Colors */
    --color-primary: #1a4065;
    --color-accent: #ff8f00;
    --color-accent-2: #29cf8d;

    /* Typography */
    --font-heading-text: 'Bebas Neue', sans-serif;
    --color-heading-text: var(--color-primary);
    --color-heading-eyebrow-text: var(--color-accent);
    
    --font-body-text: 'Varela Round', sans-serif;
    --color-body-text: #4d5054;
    --color-body-text-light: #7d8188;

    /* Links */
    --color-link: #2f669c;
    --color-link-hover: #4481be;

    /* Buttons */
    --color-btn-primary: var(--color-primary);
    --color-btn-primary-hover: #245483;
    --color-btn-primary-shadow: #387bbe;

    /* Sections */
    --color-light-background: #e4eaf1;
    --color-lighter-background: #f3f7fb;

    /* Hero Section for BF Event */
    --color-hero-top: #b92b2d;
    --color-hero-bottom: #ba2124;
    --angle-hero-gradient: -90deg;
    --img-hero-background: url('./pre-bf-2025/bg-hero-banner.png');
    --color-hero-heading-text: #ffffff;
    --color-hero-body: #ffffff;
    --color-btn-hero: #7d0917;
    --color-btn-hero-hover: #900a19;
    --color-btn-hero-shadow:#f16676;

    /* Contact Section */
    --color-contact-left: #b92b2d;
    --color-contact-right: #ba2124;
    --color-btn-contact: #7d0917;
    --color-btn-contact-text: #ffffff;
    --color-btn-contact-shadow: #c33343;

    /* CTA Section */
    --color-cta-left: #b92b2d;
    --color-cta-right: #ba2124;
    --color-btn-cta: #7d0917;
    --color-btn-cta-text: #ffffff;
    --color-btn-cta-shadow: #f16676;
}