/* Explain: Theme design tokens with colors, fonts, and spacing. - */
:root {
    --primary-color: #f472b6; /* Soft Pink */
    --primary-hover: #db2777;
    --secondary-color: #38bdf8; /* Light Blue */
    --accent-color: #facc15; /* Yellow */
    --background-color: #fff1f2; /* Rose 50 */
    --surface-color: #ffffff;
    --text-color: #3f3f46;
    --text-muted: #71717a;
    --border-color: #fbcfe8;
    --font-heading: 'Quicksand', 'Heebo', sans-serif;
    --font-body: 'Quicksand', 'Heebo', sans-serif;
}