@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
/* =========================================================
   TOKENS
========================================================= */
:root {
    --navy: #0F172A;
    --muted: #64748B;
    --muted-soft: #94A3B8;

    --purple: #7C3AED;
    --purple-dark: #5B21B6;
    --blue: #2563EB;
    --blue-dark: #1D4ED8;
    --teal: #0D9488;
    --teal-dark: #0F766E;

    --line: #e4e7f0;
    --surface: #ffffff;
    --lavender: #eef1ff;
    --lavender-2: #f7f7ff;
    --blue: #0086cc;
    --magenta: #a637f0;

    --privacy-heading: #141d35;
    --privacy-border: #e5e7f0;
    --privacy-shadow:
        0 12px 35px rgba(42, 54, 100, 0.055);
    --privacy-radius: 14px;

    --bg-page: #FAFAFE;
    --bg-lavender: #F3F1FC;
    --bg-card: #FFFFFF;
    --border-soft: #EAE7F7;

    --grad-primary: linear-gradient(90deg, var(--blue) 0%, var(--purple) 100%);
    --grad-alt: linear-gradient(90deg, var(--teal) 0%, var(--purple) 100%);
    --grad-cta: linear-gradient(120deg, #16224B 0%, #4C1D95 55%, #7C3AED 100%);
    --primary-gradient: linear-gradient(100deg, #078ac8 0%, #354dcc 52%, #7e2ce8 100%);

    --radius-lg: 20px;
    --radius-md: 14px;
    --radius-sm: 10px;
    --primary-gradient: linear-gradient(100deg, #078ac8 0%, #354dcc 52%, #7e2ce8 100%);

    --shadow-card: 0 10px 30px -12px rgba(31, 27, 74, 0.12);
    --primaryfont:"DM Sans", sans-serif;
    --headingfont:"Manrope", sans-serif;
}

* {
    box-sizing: border-box;
}

body {
    font-family: var(--primaryfont);
    color: var(--navy);
    background: var(--bg-page);
    transition: background-color .45s ease, color .45s ease;
    -webkit-font-smoothing: antialiased;
}

h1, h2, h3, h4, h5, h6 {
    font-family: var(--headingfont);
}

a {
    text-decoration: none;
}


body,
a,
p,
div,
span,
li {
    font-family: var(--primaryfont);
}

p {
  font-family: var(--primaryfont);
}