/* assets/css/base/variables.css */

:root {

    /* ===================================================== */
    /* COLORS */
    /* ===================================================== */

    --color-primary: #00853F;
    --color-primary-dark: #00652F;
    --color-primary-light: #21B15A;

    --color-secondary: #2D89EF;

    --color-bg: #F5F7FA;

    --color-white: #FFFFFF;

    --color-text: #2D3436;
    --color-text-light: #5C6770;

    --color-border: #DCE3EA;

    --color-gold: #F5B700;

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

    --font-main: 'Nunito', sans-serif;

    --font-size-base: 18px;

    --font-h1: 4rem;
    --font-h2: 2.5rem;
    --font-h3: 2rem;

    --line-height: 1.6;

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

    --spacing-xs: 0.5rem;
    --spacing-sm: 1rem;
    --spacing-md: 2rem;
    --spacing-lg: 4rem;

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

    --radius-sm: 12px;
    --radius-md: 20px;
    --radius-lg: 32px;

    /* ===================================================== */
    /* SHADOWS */
    /* ===================================================== */

    --shadow-main:
        0 10px 30px rgba(0, 0, 0, 0.12);

}