/* Electrolux design system tokens, copied verbatim from design-system/project/Tokens.dc.html. */
:root {
  /* Primary */
  --elx-blue: #011E41;
  --elx-blue-mid: #7A8A9C;
  --elx-blue-light: #ADB9C3;
  --elx-blue-tint: #DFE7EA;
  --elx-white: #FFFFFF;

  /* Silk (purple) */
  --elx-silk-rich: #2B2936;
  --elx-silk-mid: #797487;
  --elx-silk-light: #B1ABBB;
  --elx-silk-tint: #D8D5DD;

  /* Mahogany (red) */
  --elx-mahogany-rich: #3D2727;
  --elx-mahogany-mid: #7E6464;
  --elx-mahogany-light: #B4A0A0;
  --elx-mahogany-tint: #D9CFCF;

  /* Moss (green) */
  --elx-moss-rich: #3B4536;
  --elx-moss-mid: #6C7B67;
  --elx-moss-light: #A7B1A4;
  --elx-moss-tint: #D4D8D2;

  /* Umber (yellow) */
  --elx-umber-rich: #4A1E18;
  --elx-umber-mid: #957359;
  --elx-umber-light: #D2BB95;
  --elx-umber-tint: #EBE0CE;

  /* Alerts (OS native) */
  --elx-alert-ios: #FE392F;
  --elx-alert-android: #FE5620;

  /* Hot CTA: approximate, confirm */
  --elx-hot: #C8102E;
  --elx-hot-hover: #A30D25;
}

:root {
  /* Type */
  --elx-font: 'Electrolux Sans', 'Noto Sans', sans-serif;
  --elx-weight-regular: 400;
  --elx-weight-semibold: 600;
  --elx-lh-heading: 1.2;
  --elx-lh-body: 1.5;
  --elx-tracking: 0;
  --elx-size-min: 12px;

  /* Scale: mobile first */
  --elx-h1: 28px;
  --elx-h2: 24px;
  --elx-h3: 20px;
  --elx-h4: 16px;
  --elx-body: 16px;

  /* Shape */
  --elx-radius: 2px;
  --elx-tap-min: 48px;

  /* Logo */
  --elx-logo-min: 70px;
  --elx-logo-max: 300px;
}

/* Tablet */
@media (min-width: 768px) {
  :root {
    --elx-h1: 36px; --elx-h2: 26px;
    --elx-h3: 22px; --elx-h4: 18px;
  }
}

/* Desktop */
@media (min-width: 1024px) {
  :root {
    --elx-h1: 54px; --elx-h2: 40px;
    --elx-h3: 26px; --elx-h4: 20px;
  }
}