:root {
  --ds-base-font             : "Avenir Next", "Avenir", "Avenir Next W01", system-ui, sans-serif;
  --ds-header-font           : "Helvetica Neue", "Avenir Next", "Avenir", "Avenir Next W01", system-ui, sans-serif;
  --ds-article-font          : "Avenir Next", "Avenir", "Avenir Next W01", system-ui, sans-serif;
  --ds-print-font            : Verdana, Times, serif;
  --ds-print-header-font     : "Helvetica Neue", Times, serif;
  --ds-font-size             : 16px;
  --ds-article-font-size     : 18px;
  --ds-small-text            : 0.8rem;
  --ds-topline-height        : 4rem;
  --ds-topline-color         : rgb(255 255 255);
  /* --ds-aside-width        : min(300px, 100vw); */
  --ds-aside-width           : min(clamp(300px, 25vw, 400px), 100vw);
  --ds-page-max-width        : calc(70rem + var(--ds-aside-width));
  --ds-page-padding          : clamp(1rem, 3vw, 3rem);
  --ds-article-max-width     : 45rem;
  --ds-br                    : .2rem;
  --ds-button-radius         : .2em;
  --ds-input-radius          : .2rem;
  --ds-negative              : #af0c0c;
  --ds-positive              : rgb(116 209 139);
  --ds-file-color            : rgb(101 156 218);
  --ds-box-shadow            : 0 0 10px -5px rgb(0 0 0 / 30%);
  --ds-border-color          : #d3d3d3;
  --ds-border                : thin solid var(--ds-border-color);
  --ds-border-image          : linear-gradient(to bottom, rgb(0 0 0 / 0), #d3d3d3, rgb(0 0 0 / 0%)) 1 100%;
  accent-color               : var(--ds-first);
  --ds-readmore-max-height   : 6rem;
  --ds-readmore-line-clamp   : 3;
}