:root {
	/* Primary Color Mix */
	--udraw_primary_color: #4C70FF;
	--udraw_primary_color_at_20: #D3DAF7; /*Cheating the Alpha Channel due to layering issue*/
	--udraw_primary_color_at_10: #E5E8F6; /*Cheating the Alpha Channel due to layering issue*/
	--udraw_primary_text_color: #FFFFFF;
	--udraw_orange_color: #FB8080;
	--udraw_orange_color_at_10: #F6EAEA;
	--udraw_grey_color: #5F6368;
	--udraw_light_grey_color: #B3B3B3;
	--udraw_light_bg_color: #F0F0F5;
	--udraw_black_color: #222222;
	--udraw_black_color_at_90: #383838;  /*Cheating the Alpha Channel due to layering issue*/
	--udraw_black_color_at_10: #D1D1D1;  /*Cheating the Alpha Channel due to layering issue*/
	--udraw_white: #FFFFFF;
	--udraw_primary_color_dark: #3B5FE5;
	/* Primary with true transparency (for shadows/glows where layering matters) */
	--udraw_primary_color_alpha_10: rgba(76, 112, 255, 0.1);
	--udraw_primary_color_alpha_20: rgba(76, 112, 255, 0.2);
	--udraw_primary_color_alpha_30: rgba(76, 112, 255, 0.3);
	/* Old Colours (mostly unused) */
	--udraw_true_black: #000000;
	--udraw_invisible: #00000000;
	--udraw_classic_bleed: #EC008C;
	--udraw_classic_safearea: #50C6D8;
	--udraw_error_red: #FF0000;


	/* General */
	--udraw_designer_bg: var(--udraw_light_bg_color);
	--udraw_designer_selection_bg: var(--udraw_primary_color);
	--udraw_designer_selection_text: var(--udraw_white);
	--udraw_designer_color_text: var(--udraw_true_black);
	--udraw_designer_color_text_tool_tip: var(--udraw_light_grey_color);
	--udraw_designer_scrollbar_track: var(--udraw_invisible);
	--udraw_designer_scrollbar_thumb: var(--udraw_primary_color);
	--udraw_designer_bleed_color: var(--udraw_classic_bleed);
	--udraw_designer_safearea_color: var(--udraw_classic_safearea);
	/* Subsection Labels */
	--udraw_subsection_font_size: 1.4rem;
	--udraw_subsection_font_weight_unselected: 400;
	--udraw_subsection_font_weight: 600;
	--udraw_subsection_font_color: var(--udraw_black_color);
	--udraw_subsection_margin_bottom: 0.8rem;
	/* Fonts */
	--udraw_designer_font: 'Inter', sans-serif;
	--udraw_designer_font_serif: 'Oranienbaum', serif;
	font-size: 62.5%; /* (62.5/100) * 16px = 10px */
	--udraw_designer_font_size_small_extra: 1rem;
	--udraw_designer_font_size_tiny: 1.2rem;
	--udraw_designer_font_size_small: 1.4rem;
	--udraw_designer_font_size_default: 1.6rem;
	--udraw_designer_font_size_large: 1.8rem;
	/* Spacing */
	--udraw_designer_gap_spacing_xs: 0.4rem;
	--udraw_designer_gap_spacing_small: .8rem;
	--udraw_designer_gap_spacing_medium: 1.2rem;
	--udraw_designer_gap_spacing_default: 1.6rem;
	--udraw_designer_gap_spacing_large: 2.4rem;
	--udraw_designer_gap_spacing_extra_large: 3.2rem;
	/* Spacing (general — role-tier, component vars should reference these) */
	--udraw_spacing_small: 0.8rem;
	/* Radius */
	--udraw_designer_radius_default: 0.8rem;
	/* Shadows */
	--udraw_designer_shadow_xs:          0 1px 3px rgba(0, 0, 0, 0.10);
	--udraw_designer_shadow_small:       0 2px 4px rgba(0, 0, 0, 0.10);
	--udraw_designer_shadow_medium:      0 2px 8px rgba(0, 0, 0, 0.15);
	--udraw_designer_shadow_medium_dark: 0 2px 8px rgba(0, 0, 0, 0.25);
	--udraw_designer_shadow_default:     0 0 15px 0 rgba(0, 0, 0, 0.10);
	--udraw_designer_shadow_large:       0 10px 15px 0 rgba(0, 0, 0, 0.15);
	--udraw_designer_shadow_extra_large: 0 4px 16px rgba(0, 0, 0, 0.30);
	--udraw_designer_shadow_modal:       0 0 10px 0 rgba(0, 0, 0, 0.25);
	/* Forms */
	--udraw_designer_forms_input_border_color: var(--udraw_light_bg_color);
	--udraw_designer_forms_input_bg_color: var(--udraw_white);
	--udraw_designer_forms_error: var(--udraw_error_red);
	--udraw_designer_forms_input_range: var(--udraw_primary_color);
	/* Buttons */
	--udraw_designer_button_primary_bg: var(--udraw_primary_color);
	--udraw_designer_button_primary_text: var(--udraw_primary_text_color);
	--udraw_designer_button_primary_hover_bg: var(--udraw_primary_color_dark);
	--udraw_designer_button_secondary_bg: var(--udraw_white);
	--udraw_designer_button_secondary_hover_bg: var(--udraw_light_bg_color);
	--udraw_designer_button_secondary_border: var(--udraw_black_color);
	--udraw_designer_button_secondary_text: var(--udraw_black_color);
	--udraw_designer_button_hover_bg: var(--udraw_primary_color_at_20);
	--udraw_designer_button_hover_text: var(--udraw_primary_color);
	--udraw_designer_call_to_action_button: var(--udraw_black_color);
	--udraw_designer_call_to_action_button_hover: var(--udraw_black_color_at_90); 
	--udraw_designer_call_to_action_button_disabled: var(--udraw_black_color_at_10);
	/* Inputs */
	--udraw_designer_input_bg: var(--udraw_white);
	--udraw_designer_input_border: var(--udraw_black_color);
	--udraw_designer_input_placeholder_text: var(--udraw_light_grey_color);
	--udraw_designer_slider_color: var(--udraw_primary_color);
	/* Selects */
	--udraw_designer_select_bg: var(--udraw_white);
	--udraw_designer_select_border: var(--udraw_light_bg_color);
	--udraw_designer_select_border_active: var(--udraw_black_color);
	--udraw_designer_select_placeholder_text: var(--udraw_black_color);
	/* Header */
	--udraw_designer_header_bg: var(--udraw_primary_color);
	--udraw_designer_header_button_hover_bg: var(--udraw_primary_color_at_20);
	--udraw_designer_header_text: var(--udraw_primary_text_color);
	--udraw_designer_header_text_hover: var(--udraw_primary_color);
	--udraw_designer_settings_button: var(--udraw_primary_color_at_20);
	--udraw_designer_settings_button_hover: var(--udraw_primary_color_at_10);
	--udraw_designer_header_shadow: var(--udraw_designer_shadow_default);
	--udraw_designer_header_button_shadow: var(--udraw_designer_shadow_medium);
	--udraw_designer_header_dark_bg: var(--udraw_black_color);
	--udraw_designer_header_dark_text: var(--udraw_black_color);
	--udraw_designer_header_dark_shadow: var(--udraw_designer_shadow_extra_large);
	--udraw_designer_header_accent_bg: var(--udraw_primary_color_at_20);
	--udraw_designer_header_disabled_color: var(--udraw_black_color_at_90);
	--udraw_designer_header_toolbar_button_border: var(--udraw_white);
	--udraw_designer_header_mobile_bg: var(--udraw_white);
	--udraw_designer_header_mobile_text: var(--udraw_black_color_at_90);
	--udraw_designer_header_dark_overlay_hover: rgba(255, 255, 255, 0.1);
	--udraw_designer_header_dark_overlay_active: rgba(255, 255, 255, 0.15);
	/* Editing Bar */
	--udraw_designer_editing_bar_bg: var(--udraw_white);
	--udraw_designer_editing_bar_pop_out_bg: var(--udraw_light_bg_color);
	--udraw_designer_editing_bar_text: var(--udraw_black_color);
	--udraw_designer_editing_bar_text_hover: var(--udraw_primary_color);
	--udraw_designer_editing_bar_text_bg: var(--udraw_white);
	--udraw_designer_editing_bar_separator_border: var(--udraw_light_grey_color);
	--udraw_designer_editing_bar_checkbox_bg: var(--udraw_black_color);
	--udraw_designer_editing_bar_checkbox_color: var(--udraw_primary_color);
	--udraw_designer_editing_bar_submenu_highlight: var(--udraw_light_grey_color);
	--udraw_designer_editing_bar_color_swatch_default: var(--udraw_black_color);
	--udraw_designer_editing_bar_border: var(--udraw_light_grey_color);
	--udraw_designer_editing_bar_highlight_bg: var(--udraw_primary_color_at_20);
	--udraw_designer_editing_bar_disabled_text: var(--udraw_light_grey_color);
	--udraw_designer_editing_bar_muted_text: var(--udraw_grey_color);
	--udraw_designer_editing_bar_shadow: var(--udraw_designer_shadow_default);
	--udraw_designer_editing_bar_bottom_shadow: var(--udraw_designer_shadow_small);
	/* Editing Bar Buttons */
	--udraw_designer_editing_bar_btn_bg: transparent;
	--udraw_designer_editing_bar_btn_border: transparent;
	--udraw_designer_editing_bar_btn_color: var(--udraw_designer_editing_bar_text);
	--udraw_designer_editing_bar_btn_hover_bg: var(--udraw_light_bg_color);
	--udraw_designer_editing_bar_btn_hover_border: var(--udraw_light_grey_color);
	--udraw_designer_editing_bar_btn_hover_color: var(--udraw_designer_editing_bar_text_hover);
	--udraw_designer_editing_bar_btn_active_bg: var(--udraw_light_bg_color);
	--udraw_designer_editing_bar_btn_active_border: var(--udraw_designer_editing_bar_text_hover);
	--udraw_designer_editing_bar_btn_active_color: var(--udraw_designer_editing_bar_text_hover);
	--udraw_designer_editing_bar_btn_radius: 8px;
	--udraw_designer_editing_bar_btn_size: 2.8rem;
	/* Sidebar */
	--udraw_designer_sidebar_bg: var(--udraw_white);
	--udraw_designer_sidebar_text: var(--udraw_black_color);
	--udraw_designer_sidebar_icons: var(--udraw_black_color);
	--udraw_designer_sidebar_icons_active: var(--udraw_primary_color);
	--udraw_designer_sidebar_icons_active_bg: var(--udraw_primary_color_at_20);
	--udraw_designer_sidebar_hover: var(--udraw_light_bg_color);
	--udraw_designer_sidebar_active: var(--udraw_white);
	--udraw_designer_sidebar_active_text: var(--udraw_primary_color);
	--udraw_designer_sidebar_drawer_bg: var(--udraw_white);
	--udraw_designer_sample_text: var(--udraw_black_color);
	/* Drawers */
	--udraw_designer_sidebar_drawer_button: var(--udraw_white);
	--udraw_designer_sidebar_drawer_button_hover: var(--udraw_primary_color);
	--udraw_designer_sidebar_drawer_svg_hover: var(--udraw_light_grey_color);
	--udraw_designer_sidebar_effects_active_bg: var(--udraw_classic_safearea);
	--udraw_designer_sidebar_layers_box_bg: var(--udraw_primary_color_at_10);
	--udraw_designer_sidebar_layers_header_bg: var(--udraw_white);
	--udraw_designer_sidebar_standout_bg: var(--udraw_light_bg_color);
	--udraw_designer_sidebar_upload_border: var(--udraw_grey_color);
	--udraw_designer_mobile_tab_active_border: var(--udraw_primary_color);
	--udraw_designer_mobile_slider_thumb_shadow: var(--udraw_designer_shadow_small);
	--udraw_designer_drawer_header_font_size: var(--udraw_designer_font_size_default);
	--udraw_designer_drawer_header_font_weight: 600;
	--udraw_designer_drawer_header_font_color: var(--udraw_black_color);
	--udraw_designer_drawer_header_border_color: var(--udraw_primary_color);
	--udraw_designer_sidebar_border: var(--udraw_primary_color_at_10);
	--udraw_designer_sidebar_shadow: -2px 0 8px rgba(0, 0, 0, 0.1);
	--udraw_designer_sidebar_right_shadow: 2px 0 8px rgba(0, 0, 0, 0.1);
	--udraw_designer_mobile_drawer_handle_bg: var(--udraw_light_grey_color);
	--udraw_designer_mobile_drawer_handle_hover: var(--udraw_light_grey_color);
	--udraw_designer_mobile_footer_shadow: 0 -4px 15px 0 rgba(0, 0, 0, 0.1);
	--udraw_designer_mobile_nav_shadow: 0 -2px 4px rgba(0, 0, 0, 0.1);
	--udraw_designer_mobile_footer_bg: var(--udraw_primary_color);
	--udraw_designer_mobile_footer_text: var(--udraw_white);
	--udraw_designer_mobile_footer_action_bg: var(--udraw_black_color);
	--udraw_designer_mobile_footer_action_text: var(--udraw_white);
	--udraw_designer_mobile_footer_action_border: var(--udraw_black_color);
	--udraw_designer_sidebar_scroll_shadow: linear-gradient(to right, rgba(0, 0, 0, 0.25), transparent);
	--udraw_designer_sidebar_scroll_shadow_left: linear-gradient(to left, rgba(0, 0, 0, 0.25), transparent);
	/* Canvas */
	--udraw_designer_canvas_bg:  var(--udraw_white);
	--udraw_designer_canvas_element_shadow: var(--udraw_designer_shadow_default);
	--udraw_designer_canvas_scrollbar_thumb: rgba(0, 0, 0, 0.2);
	/* Footer */
	--udraw_designer_footer_border: var(--udraw_light_bg_color);
	--udraw_designer_footer_menu_bg: var(--udraw_invisible);
	--udraw_designer_footer_menu_buttons_bg: var(--udraw_light_bg_color);
	--udraw_designer_footer_menu_buttons_close_bg: var(--udraw_black_color_at_90);
	--udraw_designer_footer_menu_buttons_color: var(--udraw_primary_color);
	--udraw_designer_footer_editing_buttons_hover: var(--udraw_primary_color);
	--udraw_designer_footer_scale_bg: var(--udraw_white);
	--udraw_designer_footer_scale_shadow: var(--udraw_designer_shadow_medium);
	--udraw_designer_footer_button_bg: var(--udraw_white);
	--udraw_designer_footer_button_text: var(--udraw_black_color_at_90);
	--udraw_designer_footer_info_shadow: var(--udraw_designer_shadow_medium);
	--udraw_designer_footer_dark_bg: var(--udraw_black_color);
	--udraw_designer_footer_dark_shadow: var(--udraw_designer_shadow_extra_large);
	--udraw_designer_footer_dark_item_text: var(--udraw_white);
	--udraw_designer_footer_dark_item_hover_bg: rgba(255, 255, 255, 0.1);
	--udraw_designer_footer_dark_item_active_bg: rgba(255, 255, 255, 0.15);
	--udraw_designer_footer_dark_item_muted_text: rgba(255, 255, 255, 0.6);
	--udraw_designer_footer_icon_drop_shadow: 0 1px 2px rgba(0, 0, 0, 0.1);

	/* Shared Icons — the accent the Svg view component's glyphs paint themselves with, so a
	   themed primary colour carries through to the icons instead of being ignored. */
	--udraw_designer_icon_accent: var(--udraw_primary_color);
	--udraw_designer_icon_default: var(--udraw_black_color);
	--udraw_designer_icon_muted: var(--udraw_grey_color);
	--udraw_designer_icon_inverse: var(--udraw_white);
	/* Informational blue for the settings panel callouts -- intentionally outside the primary
	   ramp so a rebrand cannot turn an "info" cue into the brand colour. */
	--udraw_designer_icon_info: #0284C7;
	--udraw_designer_stroke_preview_accent: var(--udraw_designer_icon_accent);

	/* Pages List */
	--udraw_designer_pages_list_add_button_bg: var(--udraw_primary_color_at_20);
	--udraw_designer_pages_list_add_button_color: var(--udraw_white);
	--udraw_designer_pages_list_add_button_hover: var(--udraw_primary_color);
	--udraw_designer_pages_list_delete_button_bg: var(--udraw_white);
	--udraw_designer_pages_list_delete_button_color: var(--udraw_white);
	--udraw_designer_pages_list_delete_button_hover: var(--udraw_classic_safearea);
	--udraw_designer_pages_list_active_border: var(--udraw_primary_color);
	/* Page Name Overlay + Admin Page Menu (menu reuses footer dark dropdown vars) */
	--udraw_designer_page_label_bg: rgba(34, 34, 34, 0.72); /* --udraw_black_color @ ~72% */
	--udraw_designer_page_label_text: var(--udraw_white);
	--udraw_designer_page_modal_backdrop: rgba(0, 0, 0, 0.55);
	/* Color Modal */
	--udraw_designer_color_modal_bg: var(--udraw_white);
	--udraw_designer_color_modal_shadow: var(--udraw_designer_shadow_modal);
	/* Dark Modals */
	--udraw_designer_modal_shadow: var(--udraw_designer_shadow_modal);
	--udraw_designer_modal_overlay_bg: var(--udraw_white);
	--udraw_designer_modal_loading_overlay_bg: rgba(255, 255, 255, 0.5);
	--udraw_designer_dark_modal_bg: var(--udraw_true_black);
	--udraw_designer_dark_modal_color: var(--udraw_white);
	--udraw_designer_dark_close_bg: var(--udraw_black_color);
	--udraw_designer_dark_close_hover: var(--udraw_primary_color);
	--udraw_designer_tabs_bg: var(--udraw_primary_color_at_10);
	--udraw_designer_tabs_bg_active: var(--udraw_classic_safearea);
	--udraw_designer_tabs_color: var(--udraw_true_black);
	--udraw_designer_tabs_color_active: var(--udraw_white);
	/* Document Wizard */
	--udraw_designer_document_wizard_item_bg: var(--udraw_black_color);
	--udraw_designer_document_wizard_item_hover: var(--udraw_primary_color);
	--udraw_designer_document_wizard_titles: var(--udraw_classic_safearea);
	--udraw_designer_document_wizard_shadow: var(--udraw_designer_shadow_modal);

	/* Template Cards */
	--udraw_template_card_bg: var(--udraw_light_bg_color);
	--udraw_template_card_border: var(--udraw_primary_color_at_10);
	--udraw_template_card_hover_shadow: rgba(0, 0, 0, 0.1);

	/* Bootstrap Overrides */
	--bs-body-font-size: 1.4rem !important;

	/* Pricematrix Styling */
	--udraw_pricematrix_summary_background: var(--udraw_light_bg_color);
	--udraw_pricematrix_summary_border: var(--udraw_primary_color_at_10);
	--udraw_pricematrix_summary_text: var(--udraw_grey_color);
	--udraw_pricematrix_select_bg: var(--udraw_white);
	--udraw_pricematrix_select_border: var(--udraw_light_bg_color);
	--udraw_pricematrix_select_border_active: var(--udraw_black_color);
	--udraw_pricematrix_select_text: var(--udraw_black_color);
	--udraw_pricematrix_select_font_size: var(--udraw_designer_font_size_small);
	--udraw_pricematrix_input_border: var(--udraw_black_color);
	--udraw_pricematrix_input_font_size: var(--udraw_designer_font_size_default);
	--udraw_pricematrix_label_font_size: var(--udraw_subsection_font_size);
	--udraw_pricematrix_label_font_weight: var(--udraw_subsection_font_weight);
	--udraw_pricematrix_label_font_color: var(--udraw_subsection_font_color);
	--udraw_pricematrix_label_margin_bottom: var(--udraw_subsection_margin_bottom);
	--udraw_pricematrix_button_bg: var(--udraw_primary_color);
	--udraw_designer_pricematrix_focus_shadow: 0 0 0 3px var(--udraw_primary_color_alpha_10);
	--udraw_designer_pricematrix_overlay_bg: rgba(255, 255, 255, 0.9);
	--udraw_designer_pricematrix_overlay_border: var(--udraw_light_bg_color);
	--udraw_designer_pricematrix_spinner_track: var(--udraw_light_bg_color);
	--udraw_designer_pricematrix_spinner_active: var(--udraw_primary_color);
	--udraw_designer_pricematrix_loading_text: var(--udraw_black_color_at_90);
	--udraw_designer_pricematrix_error_bg: var(--udraw_orange_color_at_10);
	--udraw_designer_pricematrix_error_border: var(--udraw_orange_color);
	--udraw_designer_pricematrix_error_text: var(--udraw_orange_color);
	--udraw_pricematrix_radius: var(--udraw_designer_radius_default);
	--udraw_pricematrix_control_padding: var(--udraw_spacing_small);
	--udraw_pricematrix_control_min_height: 4.8rem;
	--udraw_pricematrix_summary_shadow: var(--udraw_designer_shadow_medium);
	--udraw_designer_pricematrix_spinner_size: 4rem;
	--udraw_designer_pricematrix_spinner_border_width: 0.4rem;
	/* Chevron colour is baked into the SVG (data URIs can't interpolate CSS vars).
	   %23222222 matches --udraw_black_color — keep in sync if that palette value changes. */
	--udraw_pricematrix_chevron_svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='%23222222' d='M1.41 0L6 4.58 10.59 0 12 1.41l-6 6-6-6z'/%3E%3C/svg%3E");

	/* Layers Drawer */
	--udraw_designer_layer_nav_border: var(--udraw_primary_color_at_10);
	--udraw_designer_layer_icon_bg: var(--udraw_primary_color_at_10);
	--udraw_designer_layer_icon_stroke: var(--udraw_grey_color);
	--udraw_designer_layer_active_bg: var(--udraw_primary_color_at_10);
	--udraw_designer_layer_active_border: var(--udraw_primary_color);
	--udraw_designer_layer_muted: var(--udraw_primary_color_at_10);
	--udraw_designer_layers_drawer_shadow: var(--udraw_designer_shadow_default);
	--udraw_designer_layers_drawer_bg: var(--udraw_light_bg_color);

	/* Proofing Drawer */
	--udraw_designer_proofing_separator: var(--udraw_primary_color_at_10);
	--udraw_designer_proofing_text: var(--udraw_black_color_at_90);
	--udraw_designer_proofing_board_bg: var(--udraw_light_bg_color);
	--udraw_designer_proofing_summary_text: var(--udraw_black_color);
	--udraw_designer_proofing_card_shadow: var(--udraw_designer_shadow_medium_dark);
	--udraw_designer_proofing_panel_top_shadow: 0 -2px 12px rgba(0, 0, 0, 0.12);
	--udraw_designer_proofing_error_bg: var(--udraw_error_red);
	--udraw_designer_proofing_button_hover_bg: var(--udraw_light_bg_color);
	--udraw_designer_proofing_button_active_bg: var(--udraw_light_bg_color);
	--udraw_designer_proofing_action_button_min_height: 7.2rem;
	--udraw_designer_proofing_action_button_min_height_mobile: 5.6rem;

	/* Settings Panel */
	--udraw_designer_settings_primary_shadow: var(--udraw_primary_color_at_20);

	/* Colour Pots */
	--udraw_designer_colour_pot_size: 3rem;
	--udraw_designer_colour_pot_ring_size: 2.2rem;
	--udraw_designer_colour_pot_shadow: var(--udraw_designer_shadow_xs);
	--udraw_designer_colour_pot_hover_shadow: var(--udraw_designer_shadow_medium);
	--udraw_designer_transition_default: all 0.2s ease;

	/* Drawer Edit Buttons */
	--udraw_designer_edit_btn_bg: var(--udraw_white);
	--udraw_designer_edit_btn_border: var(--udraw_light_grey_color);
	--udraw_designer_edit_btn_color: var(--udraw_black_color);
	--udraw_designer_edit_btn_hover_bg: var(--udraw_light_bg_color);
	--udraw_designer_edit_btn_hover_border: var(--udraw_light_grey_color);
	--udraw_designer_edit_btn_active_bg: var(--udraw_primary_color_at_20);
	--udraw_designer_edit_btn_active_border: var(--udraw_primary_color);
	--udraw_designer_edit_btn_active_color: var(--udraw_primary_color);
	--udraw_designer_edit_panel_bg: var(--udraw_light_bg_color);
	--udraw_designer_edit_panel_border: var(--udraw_light_grey_color);
	--udraw_designer_edit_panel_label_color: var(--udraw_grey_color);

	/* Dropdowns */
	--udraw_designer_dropdown_shadow: var(--udraw_designer_shadow_large);
	--udraw_designer_dropdown_focus_shadow: 0 0 0.2rem 0 rgba(0, 0, 0, 0.25);
	--udraw_designer_dropdown_focus_active_shadow: 0 0 0.2rem 0 rgba(0, 0, 0, 1);

	/* Toggle Switch */
	--udraw_designer_toggle_switch_label_color: var(--udraw_black_color_at_90);
	--udraw_designer_toggle_switch_knob_bg: var(--udraw_white);
	--udraw_designer_toggle_switch_shadow: var(--udraw_designer_shadow_small);

	/* Button Toggles */
	--udraw_designer_button_toggle_bg: var(--udraw_white);
	--udraw_designer_button_toggle_border: var(--udraw_light_bg_color);
	--udraw_designer_button_toggle_text: var(--udraw_black_color_at_90);
	--udraw_designer_button_toggle_shadow: var(--udraw_designer_shadow_medium);
	--udraw_designer_button_toggle_hover_bg: var(--udraw_light_bg_color);
	--udraw_designer_button_toggle_hover_shadow: var(--udraw_designer_shadow_medium);
	--udraw_designer_button_toggle_active_bg: var(--udraw_primary_color);
	--udraw_designer_button_toggle_active_text: var(--udraw_white);
	--udraw_designer_button_toggle_active_hover_bg: var(--udraw_primary_color_dark);
	--udraw_designer_button_toggle_tooltip_bg: var(--udraw_white);
	--udraw_designer_button_toggle_tooltip_text: var(--udraw_grey_color);

	/* Text Drawer */
	--udraw_designer_text_drawer_bg: var(--udraw_light_bg_color);
	--udraw_designer_text_drawer_shadow: var(--udraw_designer_shadow_small);

	/* Background Drawer */
	--udraw_designer_background_drawer_shadow_xs: var(--udraw_designer_shadow_xs);
	--udraw_designer_background_drawer_shadow_small: var(--udraw_designer_shadow_small);
	--udraw_designer_background_drawer_shadow_medium: var(--udraw_designer_shadow_medium);
	--udraw_designer_background_drawer_ring: 0 0 0 1px rgba(0, 0, 0, 0.1);
	--udraw_designer_background_drawer_primary_glow: 0 2px 8px var(--udraw_primary_color_alpha_30);
	--udraw_designer_background_drawer_primary_glow_sm: 0 1px 4px var(--udraw_primary_color_alpha_20);
	--udraw_designer_background_drawer_pot_ring: 0 0 0 1px rgba(0, 0, 0, 0.3), 0 2px 4px rgba(0, 0, 0, 0.2);
	--udraw_designer_background_drawer_text_shadow: 0 1px 2px rgba(0, 0, 0, 0.3);

	/* Tooltip */
	--udraw_designer_tooltip_trigger_color: var(--udraw_classic_safearea);
	--udraw_designer_tooltip_bg: var(--udraw_grey_color);
	--udraw_designer_tooltip_text: var(--udraw_white);

	/* Loading Shimmer */
	--udraw_designer_loading_shimmer_bg: var(--udraw_light_bg_color);
	--udraw_designer_loading_shimmer_highlight: var(--udraw_black_color_at_10);

	/* Warning Dialog */
	--udraw_designer_warning_dialog_bg: rgba(255, 255, 255, 0.9);
	--udraw_designer_warning_dialog_border: var(--udraw_error_red);

	/* Notice Modal — the card shown over the canvas for warnings and errors.
	   --udraw_designer_notice_bg doubles as the feature-detect RacadDesigner.Notice
	   reads to decide whether this stylesheet is loaded at all (the IDC designer
	   doesn't load ui-v6), so it must stay defined here. */
	--udraw_designer_notice_bg: var(--udraw_white);
	--udraw_designer_notice_scrim: rgba(34, 34, 34, 0.45); /* --udraw_black_color @ 45% */
	--udraw_designer_notice_text: var(--udraw_black_color);
	--udraw_designer_notice_muted_text: var(--udraw_grey_color);
	--udraw_designer_notice_radius: var(--udraw_designer_radius_default);
	--udraw_designer_notice_shadow: var(--udraw_designer_shadow_large);
	--udraw_designer_notice_width: 42rem;
	--udraw_designer_notice_padding: var(--udraw_designer_gap_spacing_large);
	--udraw_designer_notice_gap: var(--udraw_designer_gap_spacing_default);
	--udraw_designer_notice_icon_size: 4rem;
	--udraw_designer_notice_timer_track: var(--udraw_light_bg_color);
	--udraw_designer_notice_z_index: 10050;
	/* Tones. Warning is the default; error is reserved for "this did not happen". */
	--udraw_designer_notice_warning_accent: var(--udraw_orange_color);
	--udraw_designer_notice_warning_bg: var(--udraw_orange_color_at_10);
	--udraw_designer_notice_error_accent: var(--udraw_error_red);
	--udraw_designer_notice_error_bg: var(--udraw_orange_color_at_10);
	--udraw_designer_notice_info_accent: var(--udraw_designer_icon_info);
	--udraw_designer_notice_info_bg: var(--udraw_primary_color_at_10);

	/* Forms extras */
	--udraw_designer_forms_pricematrix_cell_bg: var(--udraw_light_bg_color);
	--udraw_designer_forms_dark_select_bg: var(--udraw_true_black);
	--udraw_designer_forms_checkbox_checked_bg: var(--udraw_primary_color_at_10);
	--udraw_designer_forms_input_alt_border: var(--udraw_light_grey_color);

	/* Images Drawer */
	--udraw_designer_images_drawer_placeholder_text: var(--udraw_light_grey_color);
	--udraw_designer_images_drawer_placeholder_text_strong: var(--udraw_grey_color);
	--udraw_designer_images_drawer_border: var(--udraw_primary_color_at_10);
	--udraw_designer_images_remove_btn_bg: rgba(255, 0, 0, 0.6);
	--udraw_designer_images_remove_btn_hover_bg: var(--udraw_error_red);
}