/* Design Tokens — dealer.international */

:root {
    /* Colors — Primary */
    --color-primary:        #034C39;
    --color-header:         #2F2F37;
    --color-black:          #000000;
    --color-white:          #FFFFFF;
    --color-error:          #A70220;
    --color-sale:           #CA5959;
    --color-primary-overlay: rgba(3, 76, 57, 0.80);

    /* Colors — Secondary */
    --color-beige-light:    #DFD0B7;
    --color-beige-medium:   #C4AB84;
    --color-beige-pale:     #FBE9CD;
    --color-brown-dark:     #5B4F3C;

    /* Colors — Promo Gradient */
    --color-promo-start:    #034C39;
    --color-promo-end:      #07B285;
    --color-promo-text:     #FFFFFF;

    /* Colors — Button-specific */
    --color-outline-disabled-border: #0A8565;

    /* Typography */
    --font-family:          'Montserrat', sans-serif;
    --font-weight-light:    300;
    --font-weight-medium:   500;
    --font-weight-semibold: 600;
    --font-size-hero:       40px;
    --font-size-h1:         24px;
    --font-size-h2:         20px;
    --font-size-body:       16px;
    --font-size-small:      14px;
    --font-size-micro:      12px;
    --font-size-btn:        18px;

    /* Text links */
    --link-text-color:      var(--color-black);
    --link-text-hover-color: var(--color-primary);
    --link-text-decoration-thickness: 1px;
    --link-text-underline-offset: 3px;

    /* Layout & Grid */
    --container-max:        1360px;
    --content-max:          1296px;
    --grid-columns-desktop: 12;
    --grid-columns-tablet:  8;
    --gutter-desktop:       32px;
    --gutter-tablet:        32px;
    --gutter-mobile:        16px;
    --padding-desktop:      32px;
    --padding-tablet:       32px;
    --padding-mobile:       16px;

    /* Form controls */
    --form-control-height:  50px;
    --form-control-radius:  8px;
    --form-control-padding-x: 15px;
    --form-control-padding-y: 12px;
    --form-control-background: var(--color-white);
    --form-control-background-focus: var(--color-white);
    --form-control-border-color: rgba(213, 215, 218, 1);
    --form-control-border-color-focus: rgba(3, 76, 57, 1);
    --form-control-box-shadow: 0px 1px 2px 0px rgba(10, 13, 18, 0.05);
    --form-control-shadow-focus: 0px 4px 4px rgba(0, 0, 0, 0.20);
    --form-control-text: var(--color-black);
    --form-control-placeholder: rgba(0, 0, 0, 0.28);

    /* Buttons */
    --btn-height:           50px;
    --btn-radius-pill:      10px;
    --btn-shadow:           0px 4px 4px rgba(0, 0, 0, 0.25);
    --btn-disabled-opacity: 0.6;

    /* Focus, borders, motion */
    --focus-outline-width:  2px;
    --focus-outline-offset: 2px;
    --border-width-thin:    1px;
    --motion-duration-fast:  0.2s;
    --motion-duration-panel: 0.25s;
    --motion-ease-standard:  ease;

    /* Z-index layers */
    --z-float-contact:      90;
    --z-header:             100;
    --z-overlay:            150;
    --z-menu:               200;
    --z-cart:               220;
    --z-search-screen:      250;
}