:root {
  --black: #1f1f1f;
  --white: #fff;
  --grey: #ccc;
  --blue: #312da5;
  --light-grey: #f9f9f9;
  --red: #eb5c59;
  --green: #86bd31;
  --acquamarine: #00a19c;
  --blue: #0f6fb7;
  --reflex-blue: #164194;
  --light-blue: #a3acd8;
  --yellow: #ffed00;
  --beige: #f7f4e7;
  --pink: #f2ecec;
  --light-yellow: #fefeee;
  --gradient: var(--red) 45%,var(--blue);
  --transition-normal: all 0.5s linear;
  --article-template-column:
    minmax(min-content, calc(var(--spacer) * 1))
    minmax(min-content, 54ch)
    minmax(min-content, 15em)
    minmax(min-content, calc(var(--spacer) * 1));
  --article-template-column-mobile:
    minmax(min-content, calc(var(--spacer) / 4))
    minmax(min-content, 40ch)
    minmax(min-content, 55em)
    minmax(min-content, calc(var(--spacer) / 4));
  --header-template-column: repeat(4, minmax(max-content, 1fr));
  --footer-template-column:
    minmax(min-content, calc(var(--spacer) * 1))
    minmax(min-content, 1fr)
    minmax(min-content, calc(var(--spacer) * 1));
  --archive-template-column:
    minmax(min-content, 1fr)
    minmax(max-content, 1fr);
  --grid-card-template-column: repeat(2, minmax(250px, 1fr));
  --grid-card-template-column-mobile: repeat(1, minmax(250px, 1fr));
}