/* Cute Theme Main Stylesheet */
@import url('https://fonts.googleapis.com/css2?family=Quicksand:wght@400;500;600;700&display=swap');

:root {
    /* --- Palette: Cotton Candy & Marshmallow --- */
    --bg-gradient: linear-gradient(135deg, #fdfbfb 0%, #ebedee 100%);
    --body-gradient: linear-gradient(135deg, #f5f7fa 0%, #c3cfe2 100%);

    /* Cute Gradients */
    --gradient-primary: linear-gradient(to right, #ff9a9e 0%, #fecfef 99%, #fecfef 100%);
    --gradient-hover: linear-gradient(to right, #ff758c 0%, #ff7eb3 100%);
    --gradient-header: linear-gradient(60deg, #64b3f4 0%, #c2e59c 100%);

    /* Colors */
    --white: #ffffff;
    --glass: rgba(255, 255, 255, 0.7);
    --text-main: #59598d;   /* Soft Purple-Grey */
    --text-light: #8e8eac;
    --accent: #ff9a9e;      /* Soft Pink */
    --danger: #ff6b6b;      /* Soft Red */
    --success: #51cf66;     /* Soft Green */

    /* Borders & Shadows */
    --radius-lg: 24px;
    --radius-md: 16px;
    --radius-sm: 12px;
    --shadow-soft: 0 10px 25px rgba(158, 158, 176, 0.15);
    --shadow-hover: 0 15px 35px rgba(158, 158, 176, 0.25);
}

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: 'Quicksand', sans-serif; /* The "Cute" Font */
}

body {
    background-image: linear-gradient(to top, #fad0c4 0%, #ffd1ff 100%); /* Pastel Sunset */
    background-attachment: fixed;
    color: var(--text-main);
    min-height: 100vh;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 20px;
}

/* Global Button Styles */
.btn, button {
    cursor: pointer;
    font-family: 'Quicksand', sans-serif;
    font-weight: 700;
    border: none;
    transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
}

.btn:active {
    transform: scale(0.95);
}