:root {
/* general */
--form_font: inherit;
--form_gap_x: 1.0rem;
--form_gap_y: 2.0rem;
--form_borderradius: var(--br_less);
--form_rowheight: 4.6rem;
--form_error_color: var(--pink);
--font_adjustment_top: 0;
--font_adjustment_bottom: 0;

/* input */
--input_fontsize: 1.4rem;
--input_fontweight: 500;
--input_letterspacing: 0.015em;
--input_padding: 1.4rem;
--input_color: var(--font);
--input_color_hover: inherit;
--input_color_focus: white;
--input_bg: var(--d30);
--input_bg_hover: var(--d35);
--input_bg_focus: var(--d15);
--input_borderwidth: 1px;
--input_bordercolor: transparent;
--input_bordercolor_hover: transparent;
--input_bordercolor_focus: var(--prim70);
--input_boxshadow: 0 0 0 3px transparent;
--input_boxshadow_hover: 0 0 0 3px transparent;
--input_boxshadow_focus: 0 0 0 3px var(--prim10);
--input_transition: 0.15s;	
--placeholder_color: #9399a9;
--placeholder_fontweight: var(--input_fontweight);

/* textarea */
--textarea_fontsize: var(--input_fontsize);
--textarea_lineheight: 1.3em;
--textarea_padding_y: 0.85em;

/* button */
--button_height: 5.0rem;
--button_fontsize: 1.4rem;
--button_small_fontsize: 1.4rem;
--button_fontweight: 600;
--button_letterspacing: 0.015em;
--button_color: white;
--button_color_hover: white;
--button_color_active: white;
--button_bg: var(--prim);
--button_bg_hover: var(--prim40);
--button_bg_active: var(--prim20);
--button_border: none;
--button_border_hover: none;
--button_border_active: none;
--button_spinner_prim: white;
--button_spinner_scnd: rgba(255,255,255,0.4);
--button_icon_size: 1.55em;
--button_icon_stroke: white;
--button_icon_strokewidth: 1.8;

/* check */
--check_fontsize: 1.5rem;
--check_fontweight: 450;
--check_lineheight: 1.4em;
--check_letterspacing: 0.015em;
--check_input_size: 1.2em;
--check_color: var(--font);
--check_color_hover: var(--prim80);
--check_margin_y: 0.4em;
--check_bg: var(--input_bg);
--check_bg_hover: var(--d40);
--check_bg_checked: var(--prim);
--check_bg_checked_hover: var(--prim);
--check_border: none;
--check_border_hover: none;
--check_border_checked: none;
--check_border_checked_hover: none;
--check_checkbox_br: 0.3em;
--check_gap: 0.6em;

/* toggle */
--toggle_fontsize: var(--check_fontsize);
--toggle_fontweight: var(--check_fontweight);
--toggle_lineheight: var(--check_lineheight);
--toggle_letterspacing: var(--check_letterspacing);
--toggle_handle_size: 1.3em;
--toggle_handle_bg: white;
--toggle_handle_boxshadow: 0 0.5em 1em rgb(0 0 0 / 4%);
--toggle_handle_boxshadow_hover: 0 0.5em 1em rgb(0 0 0 / 16%);
--toggle_bg: var(--d30);
--toggle_bg_checked: var(--prim);
--toggle_margin_y: 0.4em;
--toggle_color: var(--check_color);
--toggle_color_hover: var(--check_color_hover);
--toggle_gap: 0.6em;

/* label */
--label_fontsize: 1.3rem; /* not .moving_label label */
--label_fontweight: 550; /* at .moving_label label moved only */
--label_letterspacing: 0.015em; /* at .moving_label label moved only */
--label_color: var(--soft); /* at .moving_label moved only */
--label_margin: 0 0 0.6rem 0;
--label_position: relative; /* not .moving_label label */
--label_moved_bg: var(--input_bg);
--label_required_color: var(--prim70);

/* overlay prefix & suffix */
--fix_width: 4rem;
--fix_color: white;
--fix_fontsize: var(--input_fontsize);
--fix_fontweight: 700;
--fix_letterspacing: var(--input_letterspacing);
--fix_bg: var(--d35);
--fix_border: var(--input_borderwidth) dotted var(--input_bordercolor);

/* icon */
--icon_size: 1.75rem;
--icon_stroke: var(--font);
--icon_stroke_clickable: var(--font);
--icon_stroke_clickable_hover: var(--prim80);
--icon_strokewidth: 0.1em;
}