:root {

    /* fonts */

    --font-family: 'noto_sans_hebrew','Noto Sans Hebrew', Helvetica, Arial, Sans-Serif;
    --font-heading-Condensed: 'noto_sans_hebrew','Noto Sans Hebrew', Helvetica, Arial, Sans-Serif;
    --font-family-ExtraCondensed: 'noto_sans_hebrew','Noto Sans Hebrew ExtraCondensed', Helvetica, Arial, Sans-Serif;
    --font-family-heading: 'noto_display','Noto Serif Display', Helvetica, Arial, Sans-Serif;


    /* border */

    --button-border-radius: .25rem;
    --image-border-radius: .652rem;


    /* color */

    --color-white: #ffffff;
    --color-black: #000000;
    --color-gray: #959899;
    --color-red: #959899;
    --color-error: #d81b1b;

    --gray-bg: #EFF0F1;

    --overlay-background-white: rgba(190, 190, 190, .5);
    --overlay-background-black: rgba(0, 0, 0, .5);

    /* font-size */


    --font-size-xs: .75rem;
    --font-size-sm: .75rem;
    --font-size-s: .9rem;
    --font-size: 1rem;
    --font-size-m: 1.1rem;
    --font-size-ml: 1.2rem;
    --font-size-l: 1.25rem;
    --font-size-xl: 1.3rem;
    --font-size-xxl: 1.4rem;
    --font-size-xxxl: 1.5rem;
    --font-size-d2: 2rem;
    --font-size-db: 2.25rem;
    --font-size-model: 2.875rem;
    --font-size-db-t: 5.75rem;

    --font-size-head: 5.75rem;
    --font-size-: 5.75rem;


    --font-size-car-details: calc(var(--font-size-db) *2);

    --font-weight-medium: 600;

    /* input */

    --input-border-color: rgba(255,255,255,0.5);
    --default-border: 1px solid var(--color-black);
    --input-border: 1px solid var(--input-border-color);
    --input-border-radius-full: 20rem;

    /* spacing */

    --spacing: 1rem;
    --spacing-hf: calc(var(--spacing) / 2);
    --spacing-qt: calc(var(--spacing) / 4);
    --spacing-tqt: calc(var( --spacing-qt) * 3);
    --spacing-db: calc(var(--spacing) *2);
    --spacing-ddb: calc(var(--spacing) *3);
    --spacing-1ahf: calc(var(--spacing) *1.5);
    --spacing-1aqt: calc(var(--spacing) *1.25);
    --spacing-db-h: calc(var(--spacing) *1.75);

    --padding-b: 2.75rem;

    /* media query */

    --width-sp: 768px;
    --width-tb: 768px;
    --width-tb: 768px;

    /* media query */


}

@media screen and (max-width: var(--width-sp)) {
    
}