:root {
    /* =========================
       COLORS
       ========================= */

    --color-background: #FFF9F5;
    --color-card: #FFFFFF;

    --color-primary: #F3B6C8;
    --color-secondary: #C9B8E8;

    --color-success: #B9DCC8;
    --color-warning: #F4C6A6;

    --color-text-main: #4B4548;
    --color-text-secondary: #8D8588;

    /* =========================
       TYPOGRAPHY
       ========================= */

    --font-family: "Nunito", sans-serif;

    --font-size-title: 24px;
    --font-size-heading: 18px;
    --font-size-body: 16px;
    --font-size-secondary: 14px;
    --font-size-caption: 12px;

    --font-size-timer: 48px;

    /* =========================
       BORDER RADIUS
       ========================= */

    --radius-card: 16px;
    --radius-button: 14px;
    --radius-input: 12px;
    --radius-badge: 999px;
    --radius-bottom-sheet: 24px;
    --radius-modal: 20px;

    /* =========================
       SPACING
       ========================= */

    --space-1: 4px;
    --space-2: 8px;
    --space-3: 12px;
    --space-4: 16px;
    --space-5: 20px;
    --space-6: 24px;
    --space-7: 32px;

    /* =========================
       UI
       ========================= */

    --button-height: 50px;

    --border-width: 1px;

    --shadow-soft: 0 2px 12px rgba(75, 69, 72, 0.06);

    /* =========================
       MOTION
       ========================= */

    --transition-fast: 150ms ease;
    --transition-normal: 300ms ease;
    --transition-slow: 500ms ease;
}