: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 */
    --color-hero-top: #4e2761;
    --color-hero-bottom: #7245ad;
    --angle-hero-gradient: -90deg;
    --img-hero-background: url('./hashtag-2026/banner-bg-3.png');
    --color-hero-heading-text: #ffffff;
    --color-hero-body: #ffffff;
    --color-btn-hero: #651a1a;
    --color-btn-hero-hover:#792424;
    --color-btn-hero-shadow:#651a1a;

    /* Contact Section */
    --color-contact-left: #410061;
    --color-contact-right: #4c00ae;
    --color-btn-contact: #b558c9; 
    --color-btn-contact-text: #ffffff;
    --color-btn-contact-shadow: #d390e2;

    /* CTA Section */
    --color-cta-left: #410061;
    --color-cta-right: #4c00ae;
    --color-btn-cta: #b558c9; 
    --color-btn-cta-text: #ffffff;
    --color-btn-cta-shadow: #d390e2;

}