/* MeLo 3D Welt – Brand CSS Variables
 * Nur die :root Custom Properties aus dem Design-System.
 * Kein Page-CSS, keine Element-Overrides – sicheres Laden in WordPress.
 */
:root {
  --prime: #e4003a;
  --prime_dark: #890023;
  --secondary: #27a2b0;
  --secondary_light: #93d8e2;
  --secondary_dark: #2d727c;
  --attention_bg: #041d3d;
  --bc_attention_current: #fff;
  --bc_attention_last: #fff;
  --bc_attention_divider: #fff;
  --mega_menu_category_border: #e6e6e6;
  --light: #f6f6f6;
  --gray: #e6e6e6;
  --gray_medium: #c3c3c3;
  --gray_dark: #001d3d;
  --quote_color: var(--prime);
  --hover_text: var(--secondary);
  --hover_btn: var(--secondary_dark);
  --hover_color: var(--secondary_dark);
  --shadow_color: rgba(0, 0, 0, 0.1);
  --shadow_color_blue: rgba(39, 128, 152, 0.1);
  --contact-background: var(--light);
  --contact-icon-background: #fff;
  --footer_mask_dark: var(--prime);
  --footer_mask_light: #fff;
  --footer-background: var(--light);
  --footer_link_color: var(--gray_dark);
  --footer_link_hightlight_color: var(--prime);
  --footer_link_hover_color: #2d98a5;
  --footer_divider_border: #c4c4c4;
  --footer_disclaimer_color: var(--gray_dark);
  --footer_disclaimer_btn_color: var(--secondary);
  --footer_disclaimer_btn_hover_color: var(--secondary_dark);
  --green: #85bc22;
  --green_light: #afca05;
  --dark: #333;
  --warning: #fbd079;
  --warning_dark: #db6e00;
  --error_bg: #e4053a;
  --error: #c30414;
  --error-on-dark: #f87282;
  --meta: var(--gray_medium);
  --meta-on-dark: #c0c8ca;
  --meta-on-light: #6f6f6f;
  --icon: var(--prime);
  --icon_light: var(--secondary);
  --tab_bg: var(--light);
  --tab_cl: var(--dark);
  --tab_active_bg: var(--secondary);
  --tab_active_cl: var(--secondary);
  --tile_header_cl: var(--prime);
  --tile_header_bg: var(--prime);
  --tooltip: var(--footer_link_hover_color);
  --tooltip_text: #fff;
  --input_focus: var(--secondary);
  --input_bg: var(--light);
}