/* ==========================================
   MIGHTY DESIGN TOKENS
========================================== */

:root{

    /* Typography */

    --font-heading: "The Seasons", serif;
    --font-body: "Poppins", sans-serif;

    /* Colors */

    --color-background:#faf8f5;
    --color-surface:#ffffff;

    --color-text:#333333;
    --color-heading:#222222;

    --color-accent:#b76e79;
    --color-border:#e7ddd3;

    /* Layout */

    --content-width:760px;
    --page-width:1200px;

    /* Radius */

    --radius-sm:8px;
    --radius-md:14px;
    --radius-lg:20px;

    /* Shadows */

    --shadow:
        0 12px 40px rgba(0,0,0,.08);

    /* Spacing */

    --space-xs:.5rem;
    --space-sm:1rem;
    --space-md:2rem;
    --space-lg:4rem;
    --space-xl:7rem;

    /* Animation */

    --transition:.25s ease;
}