/*
 * Brand tokens – colors and typography.
 * Modify only here to rebrand the site.
 *
 * Colors: Berlin-Chemie / Menarini (clientlib-berlinchemie)
 * Fonts:  Berlin-Chemie.hu body + heading stacks
 */
@import url("https://fonts.googleapis.com/css2?family=Oswald:wght@300;400;500;700&display=swap");

:root {
  --brand-primary: #143F59;
  --brand-secondary: #197881;
  --brand-accent: #00B2B2;
  --brand-action: #197881;
  --brand-link: #00B2B2;
  --brand-accent-light: #00B2B2;
  --brand-danger: #DC3545;

  --brand-primary-rgb: 20, 63, 89;
  --brand-secondary-rgb: 25, 120, 129;
  --brand-accent-rgb: 0, 178, 178;

  --brand-border: #DEE2E6;
  --brand-border-muted: #E9ECEF;
  --brand-surface: #F7F6F4;
  --brand-surface-input: #F7F6F4;
  --brand-border-disabled: #A8A8A8;

  --brand-white: #fff;

  --brand-font-body: "Helvetica Neue", Helvetica, Arial, sans-serif;
  --brand-font-heading: Oswald, Tahoma, Arial, Helvetica, sans-serif;
  --brand-font-size-base: 18px;
  --brand-font-size-sm: 14px;
  --brand-font-weight-light: 300;
  --brand-font-weight-normal: 400;
  --brand-font-weight-medium: 500;
  --brand-font-weight-semibold: 600;
  --brand-font-weight-bold: 700;
  --brand-line-height-base: 1.5;
}

html,
body {
  font-family: var(--brand-font-body);
  font-size: var(--brand-font-size-base);
  line-height: var(--brand-line-height-base);
  font-weight: var(--brand-font-weight-normal);
}

*,
*::before,
*::after {
  font-family: inherit;
}

h1,
h2,
h3,
.user-menu-bar .user-menu-logo .logo_text {
  font-family: var(--brand-font-heading);
}
