@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Pacifico&display=swap');
:root {
  --primary: rgba(242, 84, 91, 1);     /* lobster-pink */
  --secondary: rgba(169, 63, 85, 1);  /* cherry-rose */
  --dark: rgba(25, 50, 60, 1);        /* jet-black */
  --light: rgba(243, 247, 240, 1);    /* mint-cream */
  --accent: rgba(140, 94, 88, 1);     /* smoky-rose */
}

html,body{width:100%;height:100%;}

body { 
    font-family: "Inter", sans-serif;
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: normal;
}

.font-Inter{
    font-family: "Inter", sans-serif;
}

.font-Pacifico{
    font-family: "Pacifico", cursive;
}

.logo-font {
    font-family: "Pacifico", cursive;
    font-weight: 900;
    font-style: bold;
}

/* === TEXT COLORS === */
.text-primary { color: var(--primary); }
.text-secondary { color: var(--secondary); }
.text-dark { color: var(--dark); }
.text-light { color: var(--light); }
.text-accent { color: var(--accent); }

/* === BACKGROUND COLORS === */
.bg-primary { background-color: var(--primary); }
.bg-secondary { background-color: var(--secondary); }
.bg-dark { background-color: var(--dark); }
.bg-light { background-color: var(--light); }
.bg-accent { background-color: var(--accent); }