@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;600;700&family=Manrope:wght@400;500;600&display=swap');

:root {
    /* Surfaces */
    --background: #f7f7f2;
    --surface-container-lowest: #ffffff;
    --surface-container-low: #f1f1ec;
    --surface-container: #eaeae5;
    --surface-container-high: #e0e0db;
    --surface-container-highest: #d5d5d0;

    /* Brand */
    --primary: #176a21;
    --on-primary: #d1ffc8;
    --primary-container: #9df197;
    --secondary-container: #b9f474;
    --on-secondary-container: #365c00;
    --tertiary: #a83206;
    --tertiary-container: #ff9473;

    /* Typography */
    --font-display: 'Plus Jakarta Sans', sans-serif;
    --font-body: 'Manrope', sans-serif;

    /* Shadows */
    --shadow-float: 0px 20px 40px rgba(45, 47, 44, 0.06);

    /* Spacing */
    --spacing-4: 1rem;
    --spacing-6: 2rem;

    /* Rounding */
    --radius-md: 1.5rem;
    --radius-lg: 2rem;
    --radius-full: 9999px;
}