/* =============================================================================
   VTW CORE
   00 - VARIABLES
============================================================================= */

:root{

    /* =========================================================================
       Couleurs
    ========================================================================= */

    --vtw-color-bg:#f6e3b8;
    --vtw-color-surface:#fbf8f1;

    --vtw-color-text:#1d1d1d;
    --vtw-color-muted:#666666;

    --vtw-color-border:rgba(0,0,0,.10);

    --vtw-color-primary:#222222;
    --vtw-color-primary-hover:#000000;

    --vtw-color-success:#5b8c3b;

    /* =========================================================================
       Rayons
    ========================================================================= */

    --vtw-radius-xs:4px;
    --vtw-radius-sm:6px;
    --vtw-radius-md:8px;
    --vtw-radius-lg:10px;

    /* =========================================================================
       Ombres
    ========================================================================= */

    --vtw-shadow-soft:0 2px 8px rgba(0,0,0,.06);

    --vtw-shadow-medium:0 8px 20px rgba(0,0,0,.10);

    /* =========================================================================
       Espacements
    ========================================================================= */

    --vtw-space-xs:8px;
    --vtw-space-sm:12px;
    --vtw-space-md:20px;
    --vtw-space-lg:30px;
    --vtw-space-xl:40px;

    /* =========================================================================
       Transitions
    ========================================================================= */

    --vtw-transition:.25s ease;

    /* =========================================================================
       Largeur
    ========================================================================= */

    --vtw-container:1280px;

}