@import "./font.css"; 

html {
    /** for tablet */
    overscroll-behavior: none;
    touch-action:none;
}


body {
    /* PARAMS */
    --fonts: "Roboto Condensed", helvetica, sans-serif;
    --font-large: 1.2em;
    --font-medium: 1em;
    --font-small: 0.8em;


    /* COLORS */
    --color-primary: #000000;
    --color-primary-inv: #ffffff;
    --color-lunch: #6ca66c;
    --color-dinner: #FFC35B;
    --color-destructive: #ff0000;
    --color-destructive-inv: #ffffff;
    --color-secondary: #4a75b5;
    --color-secondary-inv: #ffffff;
    --color-disable: #e6e6e6;
    --color-disable-inv:  #000000;


    /* COMPONENTS */
    --c-button-color: var(--color-primary);
    --c-button-color-inv: unset;

    /** INPUTFORM */
    --c-input-label: var(--color-secondary);
    --c-input-border: var(--color-secondary);
    --c-input-error: var(--color-destructive);
    
    /** CALENDAR */
    --calendar-color: var(--color-secondary);
    --calendar-color-inv: var(--color-secondary-inv);



    margin: auto;
    padding: 0;
    max-width: 1640px;
    height: calc( 100vh - env(safe-area-inset-bottom));

    font-size: 14px;
    font-family: var(--fonts,'"Roboto Condensed", helvetica, sans-serif');
    
    /** for tablet */
    /* overscroll-behavior-y: contain;
    touch-action:none; */
}