:root {
    /* common stuff */
    --meetfy--font-family--heading: 'Space Grotesk', sans-serif;
    --meetfy--font-family--body: 'Manrope', sans-serif;

    /* common colors */
    --meetfy--common-color--green: oklch(72% 0.18 155);

    /* accent colors */
    --meetfy--accent-color--common: oklch(74.504% 0.16739 64.78);
    --meetfy--accent-color--bright: oklch(80.22% 0.15168 72.852);
    --meetfy--accent-color--hover: oklch(84.936% 0.12295 75.614);

    /* background colors */
    --meetfy--background-color--common: oklch(95.981% 0.01497 277.809 / 0.79);
    --meetfy--background-color--mobile-menu: oklch(95.981% 0.01497 277.809 / 1);    
    --meetfy--background-color--alt: oklch(98% 0.015 280);
    --meetfy--background-color--card: oklch(98% 0.015 280);
    --meetfy--background-color--card-hover: oklch(95.552% 0.00556 274.897 / 0.79); 
    --meetfy--background-color--card-alt: oklch(98% 0.015 280);
    --meetfy--background-color--benefits: oklch(96.598% 0.01215 281.001);
    --meetfy--background-color--button-1: oklch(94.309% 0.00011 271.152);
    --meetfy--background-color--button-1-hover: oklch(95.514% 0.00011 271.152);

    /* border colors */
    --meetfy--border-color--common: oklch(80% 0.015 280);
    --meetfy--border-color--light: oklch(84% 0.015 280);

    /* text colors */
    --meetfy--text-color--common: oklch(54.863% 0.00006 271.152);
    --meetfy--text-color--bright: oklch(37.53% 0.00004 271.152);
    --meetfy--text-color--brightest: oklch(29.716% 0.00003 271.152);
    --meetfy--text-color--muted: oklch(70% 0.01 95);
    --meetfy--text-color--faint: oklch(60% 0.01 95);
    --meetfy--text-color--button-1: oklch(27.647% 0.00178 106.791);

    /* grid */
    --meetfy--grid-color--gradient-1-from: oklch(90.365% 0.0001 271.152 / 0.4); 
    --meetfy--grid-color--gradient-1-to: transparent;
    --meetfy--grid-color--gradient-2-from: oklch(90.365% 0.0001 271.152 / 0.4);
    --meetfy--grid-color--gradient-2-to: transparent;
}

:root .dark-theme {
    /* background colors */
    --meetfy--background-color--common: oklch(16% 0.015 280);    
    --meetfy--background-color--mobile-menu: oklch(36.745% 0.00371 264.6);    
    --meetfy--background-color--alt: oklch(13% 0.015 280);
    --meetfy--background-color--card: oklch(21% 0.015 280);
    --meetfy--background-color--card-hover: oklch(26% 0.02 280); 
    --meetfy--background-color--card-alt: oklch(23% 0.015 280);
    --meetfy--background-color--benefits: oklch(16.152% 0.0149 278.255);
    --meetfy--background-color--button-1: oklch(28% 0.02 280);
    --meetfy--background-color--button-1-hover: oklch(40.33% 0.01178 279.352);

    /* border colors */
    --meetfy--border-color--common: oklch(30% 0.015 280);
    --meetfy--border-color--light: oklch(34% 0.015 280);

    /* text colors */
    --meetfy--text-color--common: oklch(93% 0.005 95);
    --meetfy--text-color--bright: oklch(96% 0.005 95);
    --meetfy--text-color--brightest: oklch(98% 0.005 95);
    --meetfy--text-color--muted: oklch(70% 0.01 95);
    --meetfy--text-color--faint: oklch(60% 0.01 95);
    --meetfy--text-color--button-1: oklch(90% 0.005 95);

    /* grid */
    --meetfy--grid-color--gradient-1-from: oklch(35% 0.02 280 / 0.4);
    --meetfy--grid-color--gradient-1-to: transparent;
    --meetfy--grid-color--gradient-2-from: oklch(35% 0.02 280 / 0.4);
    --meetfy--grid-color--gradient-2-to: transparent;
}

html {
    scroll-behavior: smooth;
}