Skip to content

Car

other

css
:root{
    /** hr */
    --ca-car-hr-spacer-border: var(--ca-gray-2);
    /** unorderered list */
    --ca-unorderered-list-icon-fill: var(--ca-stone-7);
    /** dark box */
    --ca-dark-box-text: #FFFFFF;
    --ca-dark-box-bg: var(--ca-stone-7);
    /** light box */
    --ca-light-box-text: var(--ca-stone-7);
    --ca-light-box-border: var(--ca-stone-3);
    --ca-light-box-bg: transparent;
    /** buttons light */
    --ca-light-button-text: #FFFFFF;
    --ca-light-button-text-hover: var(--ca-light-button-text, #FFFFFF);
    --ca-light-button-border: #FFFFFF;
    --ca-light-button-border-hover: var(--ca-light-button-border, var(--ca-gray-4));
    --ca-light-button-bg: transparent;
    --ca-light-button-bg-hover: transparent);
    /** buttons dark */
    --ca-dark-button-text: #FFFFFF;
    --ca-dark-button-text-hover: var(--ca-dark-button-text, var(--ca-stone-7));
    --ca-dark-button-border: var(--ca-stone-7);
    --ca-dark-button-border-hover: var(--ca-stone-7);
    --ca-dark-button-bg: var(--ca-stone-7);
    --ca-dark-button-bg-hover: #FFFFFF;
    /** buttons border */
    --ca-border-button-text: var(--ca-stone-7);
    --ca-border-button-text-hover: #FFFFFF;
    --ca-border-button-border: var(--ca-stone-7);
    --ca-border-button-border-hover: var(--ca-stone-7);
    --ca-border-button-bg: var(--ca-stone-7);
    --ca-border-button-bg-hover: var(--ca-stone-7);
    /** buttons tab */
    --ca-tab-button-color: var(--ca-stone-5);
    --ca-tab-button-color-hover: var(--ca-stone-7);
    --ca-tab-button-border: var(--ca-stone-3);
    --ca-tab-button-border-hover: var(--ca-stone-7);
    --ca-tab-button-bg: transparent;
    --ca-tab-button-bg-hover: transparent;
    /** Table background */
    --ca-table-odd-bg: rgb(248 250 252);
    --ca-table-even-bg: rgb(226 232 240);
    /** Range Slider */
    --ca-rangetrack-before: var(--ca-stone-5);
    --ca-rangetrack-after: var(--ca-gray-3);
    --ca-rangeslider-wrap-bg: var(--ca-gray-3);
    --ca-rangeslider-bg: var(--ca-gray-2);
    --ca-rangeslider-thumb-bg: var(--ca-stone-7);
    /** contact */
    --ca-contact-wrap-bg: var(--ca-stone-1);
    --ca-contact-area-info-bg: var(--ca-stone-7);
    --ca-contact-area-info-color: #FFFFFF;
    --ca-contact-area-form-bg: #FFFFFF;
    --ca-contact-area-form-color: var(--ca-stone-7);
    --ca-contact-area-form-border: 0px;
    --ca-form-input-border: var(--ca-gray-3);
    --ca-form-input-border-focus: rgb(37 99 235);
    --ca-form-input-text: var(--ca-gray-9);
    --ca-form-input-bg: transparent;
    --ca-form-label-text: var(--ca-gray-5);
    --ca-form-label-text-focus: rgb(37 99 235);
	/** Stepper */
	--ca-register-stepper-before-bg: var(--ca-stone-7);
	--ca-register-stepper-border: var(--ca-stone-7);
	--ca-register-stepper-color: var(--ca-stone-7);
	--ca-register-stepper-bg:  var(--ca-gray-1);
	--ca-register-stepper-active-border: var(--ca-stone-7);
	--ca-register-stepper-active-color: #fff;
	--ca-register-stepper-active-bg: var(--ca-stone-7);
	--ca-register-stepper-done-border: var(--ca-ca-register-stepper-active-border, var(--ca-stone-7));
	--ca-register-stepper-done-color: var(--ca-register-stepper-active-color, #fff);
	--ca-register-stepper-done-bg:  var(--ca-register-stepper-done-bg, var(--ca-stone-7));
}