/*------------Declarando variáveis raíz*/

:root {
    /* Cores Principais (dark)*/
    --cor-1: #C87D88;
    --cor-2: #88c87d;
    
    --cor-1-hover: #e6b8b8;
    --cor-2-hover: #96da8a;
    
    --cor-1-active: #af4a59;
    --cor-2-active: #59af4a;

    --cor-ig-bg: #EFEFEF;
    --font-family-segoe: Segoe UI Historic, Segoe UI, Helvetica, Arial, sans-serif;

    --cor-preta: #262626;
    --cor-cinza: #D9D9D9;
    --cor-neutra: #F2F2F2;
    --cor-branca: #F7F7F7;

    --cor-preta-hover: #454545;
    --cor-preta-active: #131313;

    /* Gaps */
    --gap-xxs: 8px;
    --gap-xs: 16px;
    --gap-s: 24px;
    --gap-m: 32px;
    --gap-l: 48px;
    --gap-xl: 64px;
    --gap-xxl: 80px;
    --button-width: 320px;
    --gap-sessions: 96px;

    /* border-radius */
    --border-radius: 8px;

    /* hover transitions */
    --hover-opacity: 0.6;
    --hover-transition: all 0.2s ease-out;
    --hover-transform: translateY(-4px);


    --gradient-color: linear-gradient(112deg, #C87D88, #e6b8b8 50%, #af4a59);
    --box-shadow: rgba(50, 50, 93, 0.25) 0px 2px 5px -1px, rgba(0, 0, 0, 0.3) 0px 1px 3px -1px;

    /* shadow and border */
    --standard-shadow: rgba(255, 255, 255, 0.5) 0px 10px 100px -100px;
}