/* medical direct company. — brand tokens v2 (locked 2026-10-14) */
:root {
  /* color */
  --mdc-white:  #FFFFFF;  /* every page and section background */
  --mdc-ink:    #0B0C0E;  /* wordmark letters, headlines, figures, primary text, icon tile */
  --mdc-signal: #15A66F;  /* the period, the square, chart primary, progress, links, hover. Never a background behind text, never a headline, never a button fill */
  --mdc-slate:  #5B6670;  /* secondary text, captions, labels, axis */
  --mdc-cloud:  #F3F5F6;  /* cards, panels, table heads, platform layer blocks */
  --mdc-mist:   #E3E7EA;  /* hairlines, card borders, gridlines */

  /* type: one family */
  --mdc-font: "Manrope", system-ui, -apple-system, "Segoe UI", sans-serif;
  --mdc-w-xlight: 200;  /* display figures */
  --mdc-w-light:  300;  /* headlines, subheads */
  --mdc-w-reg:    400;  /* body, labels */
  --mdc-w-med:    500;  /* wordmark, buttons, table heads */

  /* type scale, desktop */
  --mdc-fs-figure:   96px;  --mdc-ls-figure:   -0.04em; --mdc-lh-figure: 0.9;
  --mdc-fs-h1:       64px;  --mdc-ls-h1:       -0.03em; --mdc-lh-h1:     1.02;
  --mdc-fs-h2:       40px;  --mdc-ls-h2:       -0.025em;--mdc-lh-h2:     1.08;
  --mdc-fs-sub:      24px;  --mdc-ls-sub:      -0.01em; --mdc-lh-sub:    1.3;
  --mdc-fs-body:     17px;  --mdc-ls-body:      0;      --mdc-lh-body:   1.5;
  --mdc-fs-label:    12px;  --mdc-ls-label:     0.02em; --mdc-lh-label:  1.4;
  --mdc-fs-button:   15px;
  --mdc-fs-wordmark-nav: 22px; --mdc-ls-wordmark-nav: -0.045em;

  /* radius */
  --mdc-r-pill: 999px;
  --mdc-r-xl:   20px;  /* large cards, panels */
  --mdc-r-lg:   16px;  /* standard cards, screen frames */
  --mdc-r-md:   12px;  /* small cards, inputs */
  --mdc-r-sm:    6px;  /* swatches, chips */
  --mdc-r-icon: 25%;   /* the icon tile */

  /* spacing (8-base) */
  --mdc-s-1: 8px;  --mdc-s-2: 16px; --mdc-s-3: 24px; --mdc-s-4: 32px;
  --mdc-s-6: 48px; --mdc-s-8: 64px; --mdc-s-12: 96px; --mdc-s-16: 128px;

  /* layout */
  --mdc-max: 1280px;
  --mdc-gutter: 24px;
  --mdc-margin: 64px;
  --mdc-nav-h: 72px;

  /* lines */
  --mdc-hairline: 1px solid var(--mdc-mist);

  /* motion: one behavior */
  --mdc-ease: cubic-bezier(.2,.7,.2,1);
  --mdc-rise: 400ms;
  --mdc-count: 800ms;
}
@media (max-width: 720px) {
  :root {
    --mdc-fs-figure: 56px; --mdc-fs-h1: 40px; --mdc-fs-h2: 30px; --mdc-fs-sub: 20px; --mdc-fs-body: 16px;
    --mdc-margin: 24px; --mdc-gutter: 16px;
  }
}
@media (prefers-reduced-motion: reduce) {
  :root { --mdc-rise: 0ms; --mdc-count: 0ms; }
}