@import url('https://fonts.googleapis.com/css2?family=Figtree:wght@400;500;600&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@500;700&display=swap');

@import "nx/nx.css";

@import 'waving/waving_home.css';
@import 'waving/waving_buttons.css';

:root {
    /*Colors*/
    --primary: #D07BD1;
    --primary-rgb: 208, 123, 209;
    --primary-hover: #732475;
    --accent: #CAD772;
    --accent-hover: hsl(from var(--accent) h s 35%);

    --secondary: #386741;

    --body-bg: white;
    --body-text-color: var(--text-dark);
    --body-text-font: 'Figtree';
    --body-text-size: 16px;
    --body-text-weight: 500;

    --bg-dark: #1F3251;
    --bg-light: #F8F8F8;

    --border-light: #C0C0C0;

    --text-dark: #1F3251;
    --text-medium: #777;

    --text-header-font: 'Poppins', sans-serif;
    --text-header-size: clamp(28px, 2vw + 1rem, 40px);
    --text-header-weight: 700;
    --text-header-color: var(--primary);

    --text-subheader-size: clamp(19px, 2vw, 28px);
    --text-subheader-weight: 600;
    --text-subheader-color: white;

    --header-bg: white;
    --header-color: var(--text-dark);
    --header-active-color: var(--primary-hover);
    --header-main-nav-underline-color: var(--primary-hover);
    --header-dropdown-icon-height: 14px;

    --footer-bg: var(--bg-dark);
    --footer-text-color: white;
    --footer-border-color: var(--bg-dark);
}