@charset "utf-8";

:root {
    --gray900:#333333;
    --gray800:#666666;
    --gray700:#999999;
    --gray600:#b1b1b1;
    --gray500:#cbcaca;
    --gray400:#cdcdcd; 
    --gray300:#eeeeef;
    --gray200:#e0e0e0;
    --gray100:#f3f3f3;
    --black:#000000;
    --white:#FFFFFF;
    
    --primary: #1c720d;
    --primary-hover: #1c720d;
    --primary-focus: #1c720d;
    --primary-press: #1c720d;
    
    --secondary: #333;
    --secondary-hover: #333;
    --secondary-focus: #333;
    --secondary-press: #333;
    
    --error: #e52b00;
    --success: #3182f6;
    --link: #6296df;

    --full-height: calc(var(--vh, 1vh) * 100);

    --header-height: 7rem;
    --footer-height: 15.8rem;
    --layout-padding: 2.5rem;
    --layout-padding-negative: -2.5rem;
    --popup-header-height: 7.7rem;
    --popup-padding: 4.5rem;
    --popup-padding-negative: -4.5rem;
    --radius: 1.2rem;
    
    --tab-height: 8.12rem;

    --temp: rgba(255, 0, 0, 0.2);
}