/* ======================================================
   CATALOG THEME - DESIGN TOKENS (Durr Dental)
   ====================================================== */

@import url("https://use.typekit.net/pae0gbs.css");

:root {
  /* -- Brand colors -- */
  --primary-500: #00BBEE;
  --primary-700: #007BAF;
  --primary-950: #0C233B;
  --primary-50:  #F0FBFF;

  --secondary-500: #6C7581;
  --secondary-100: #ACBBC3;
  --secondary-50:  #D8DADB;

  --white: #FFFFFF;
  --black: #000000;

  /* -- Surfaces -- */
  --color-bg: var(--white);
  --color-surface-soft: #F5F5F5;
  --color-border: #E5E7EB;

  /* -- Overlays -- */
  --overlay-10: rgba(12, 35, 59, 0.10);
  --overlay-gradient: linear-gradient(270deg, var(--overlay-10) 0%, var(--primary-950) 100%);
  --color-overlay: rgba(0, 0, 0, 0.45);
  --color-overlay-medium: rgba(0, 0, 0, 0.5);

  /* -- Typography -- */
  --font-family: "futura-pt", "Futura PT", sans-serif;
  --fw-light: 300;
  --fw-book:  400;
  --fw-demi:  600;
  --fw-bold:  700;

  /* -- Font sizes -- */
  --text-6xl:   60px;
  --text-4xl:   36px;
  --text-2xl:   24px;
  --text-base:  16px;
  --text-sm:    14px;
  --text-xs:    12px;
  --text-specs: 18px;

  /* -- Layout -- */
  --content-max-width: 1280px;
  --catalog-toolbar-offset: 0px;
}