@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@100..900&display=swap');

*,
*::before,
*::after {
   box-sizing: border-box !important;
}

html,
body {
   scroll-behavior: smooth;
   overflow-x: hidden;

}

:root {
   /* =========================
     BRAND COLORS
     Deep Corporate Pink/Magenta & Event Yellow
  ========================= */
   --color-primary: #C51162;
   --color-primary-dark: #8C063E;
   --color-primary-light: #E94E85;

   --color-accent: #FFD54F;
   --color-accent-dark: #F5B041;
   --color-accent-light: #FFE082;

   --color-white: #FFFFFF;

   /* =========================
     BACKGROUND COLORS
  ========================= */
   --bg-main: #FFFFFF;
   --bg-section-alt: #F4F5F7;
   --bg-dark: #16161c;

   /* =========================
     TEXT COLORS
  ========================= */
   --text-primary: #121214;
   --text-secondary: #5F6368;
   --text-inverse: #FFFFFF;

   /* =========================
     BORDER & UI ELEMENTS
  ========================= */
   --border-color: #E0E0E0;
   --input-bg: #FAFAFA;

   /* =========================
     BUTTONS
  ========================= */
   --btn-primary-bg: #FFD54F;
   --btn-primary-text: #121214;
   --btn-primary-hover: #F5B041;

   --btn-secondary-bg: transparent;
   --btn-secondary-text: #C51162;
   --btn-secondary-border: #C51162;

   /* =========================
     GRADIENTS
  ========================= */
   --gradient-primary: linear-gradient(135deg, #C51162, #E94E85);
   --gradient-accent: linear-gradient(135deg, #FFD54F, #F5B041);
}

body {
   margin: 0;
   padding: 0;
   font-family: "Outfit", sans-serif;
   color: var(--text-primary);
}