:root {
/* general */
--form_font: inherit;
--form_gap_x: 1.0rem;
--form_gap_y: 2.2rem;
--form_borderradius: var(--br_less);
--form_rowheight: 4.5rem;
--form_error_color: #eb0f60;
--font_adjustment_top: 0;
--font_adjustment_bottom: 0;

/* input */
--input_fontsize: 1.4rem;
--input_fontweight: 400;
--input_letterspacing: 0;
--input_padding: 1.4rem;
--input_color: var(--font);
--input_color_hover: inherit;
--input_color_focus: var(--prim);
--input_bg: hsl(226deg 25% 99%);
--input_bg_hover: white;
--input_bg_focus: white;
--input_borderwidth: 1px;
--input_bordercolor: hsl(226deg 10% 80%);
--input_bordercolor_hover: hsl(226deg 10% 65%);
--input_bordercolor_focus: var(--prim);
--input_boxshadow: 0 0 0 0.25em transparent;
--input_boxshadow_hover: 0 0 0 0.25em transparent;
--input_boxshadow_focus: 0 0 0 0.25em transparent;
--input_transition: 0.15s;	
--placeholder_color: rgba(0,0,0,0.45);
--placeholder_fontweight: var(--input_fontweight);

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

/* button */
--button_fontsize: 1.4rem;
--button_small_fontsize: 1.3rem;
--button_padding_top: 1.0em;
--button_padding_bottom: 1.0em;
--button_padding_x: 3.0em;
--button_lineheight: 1.65em;
--button_fontweight: 500;
--button_letterspacing: 0;
--button_color: var(--bg);
--button_color_hover: white;
--button_color_active: black;
--button_bg: var(--prim);
--button_bg_hover: var(--prim30);
--button_bg_active: var(--prim60);
--button_border: 1px solid var(--button_bg);
--button_border_hover: 1px solid var(--button_bg_hover);
--button_border_active: 1px solid var(--button_bg_active);
--button_loader_bg: transparent;
--button_loader_color_base: var(--loader_color_base);
--button_loader_color_ind: var(--loader_color_ind);
--button_icon_size: var(--button_lineheight);
--button_icon_stroke: currentColor;
--button_icon_strokewidth: 1.8;
--button_ghost_color: var(--font);
--button_ghost_color_hover: var(--prim90);
--button_ghost_bg: inherit;
--button_ghost_bg_hover: rgb(255 255 255 / 0.05);
--button_ghost_borderwidth: 1px;

/* check */
--check_fontsize: 1.4rem;
--check_fontweight: 400;
--check_lineheight: 1.4em;
--check_letterspacing: 0;
--check_input_size: 1.2em;
--check_color: var(--font);
--check_color_hover: var(--prim);
--check_margin_y: 0.4em;
--check_bg: var(--input_bg);
--check_bg_hover: white;
--check_bg_checked: var(--prim);
--check_bg_checked_hover: var(--prim70);
--check_border: 1px solid hsl(226deg 15% 70%);
--check_border_hover: 1px solid var(--prim);
--check_border_checked: 1px solid transparent;
--check_border_checked_hover: 1px solid rgba(0,0,0,0.11);
--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: hsl(220deg 20% 37%);
--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.4rem; /* not .moving_label label */
--label_fontweight: 500; /* at .moving_label label moved only */
--label_letterspacing: var(--input_letterspacing); /* at .moving_label label moved only */
--label_color: var(--font); /* at .moving_label moved only */
--label_margin: 0 0 0.5rem 0;
--label_position: relative; /* not .moving_label label */
--label_moved_bg: var(--input_bg);
--label_required_color: var(--prim);

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

/* icon */
--icon_size: calc(var(--input_fontsize) * 1.4);
--icon_stroke: var(--font);
--icon_stroke_clickable: var(--font);
--icon_stroke_clickable_hover: var(--prim);
--icon_strokewidth: 0.1em;
}