/* Design tokens — single source of truth for colors, fonts, spacing */

:root {
    /* Colors */
    --color-primary:   #FB5730; /* orange-red */
    --color-secondary: #7F0A48; /* maroon */
    --color-accent:    #C30133; /* red */
    --color-yellow:    #FAC200;
    --color-peach:     #F4E4DD;
    --color-white:     #FFFFFF;
    --color-black:     #000000;

    /* Fonts */
    --font-body:    "Gordita", "Roboto", sans-serif;
    --font-heading: "Gordita", "Roboto", sans-serif;

    /* Layout */
    --max-width:        1140px;
    --padding-x:        10vw;
    --padding-x-small:  5vw;

    /* Transitions */
    --transition: 0.2s ease;
}