/* ==========================================================
   Hegau24 Design System
========================================================== */

:root{

    /* ------------------------------------------------------
       Brand Colors
    ------------------------------------------------------ */

    --color-primary:#2F9E44;
    --color-primary-hover:#2B8A3E;
    --color-primary-light:#EAF7ED;

    /* ------------------------------------------------------
       Secondary
    ------------------------------------------------------ */

    --color-blue:#2D7FF9;
    --color-orange:#F59F00;
    --color-red:#E03131;

    /* ------------------------------------------------------
       Backgrounds
    ------------------------------------------------------ */

    --color-bg:#F7FAFC;
    --color-surface:#FFFFFF;
    --color-surface-alt:#F1F5F9;

    /* ------------------------------------------------------
       Text
    ------------------------------------------------------ */

    --color-text:#24364D;
    --color-text-light:#556274;
    --color-text-muted:#8A96A8;

    /* ------------------------------------------------------
       Borders
    ------------------------------------------------------ */

    --color-border:#E5EDF5;

    /* ------------------------------------------------------
       Radius
    ------------------------------------------------------ */

    --radius-small:10px;
    --radius:18px;
    --radius-large:24px;
    --radius-xl:30px;

    /* ------------------------------------------------------
       Shadows
    ------------------------------------------------------ */

    --shadow-small:0 4px 12px rgba(22,34,51,.05);
    --shadow:0 10px 35px rgba(22,34,51,.08);
    --shadow-large:0 20px 60px rgba(22,34,51,.12);

    /* ------------------------------------------------------
       Transitions
    ------------------------------------------------------ */

    --transition:.25s ease;

    /* ------------------------------------------------------
       Layout
    ------------------------------------------------------ */

    --container:1800px;
    --gap:24px;

}