:root {

  --c-acik: #fdfdfd;
  --c-koyu: #0e0e0e;
  --c-kirmizi: #d85b68;
  --c-lacivert: #1a3a6e;
  --c-mavi: #456ba9;
  --c-sari: #fdc722;
  --c-turkuaz: #5ac4d2;
  --c-turuncu: #e94f1b;
  --c-instagram: #c13584;

  --c-lacivert-pale-100: #a2afc4;

  --c-mavi-pale-100: #b3c2db;
  --c-mavi-pale-200: #849dc6;

  --c-sari-pale-100: #fae6a7;
  --c-sari-shade-200: #b68f19;

  --c-turkuaz-pale-100: #bbe5eb;
  --c-turkuaz-pale-200: #92d7e0;
  --c-turkuaz-shade-200: #418d97;

  --c-turuncu-pale-100: #f2b7a4;
  --c-turuncu-pale-200: #ee8b6a;

  --c-gray: #f0f0f0;

  --c-main: var(--c-mavi);
  --c-accent: var(--c-acik);

  --c-currentcolor: currentColor;

  --c-headings: var(--c-mavi);

  --ff-serif: 'Noto Serif', serif;
  --ff-sans-serif: 'Manrope', sans-serif;

  --h-header: 7rem;

  /* Modular sizing */
  --ratio: 1.25;
  --s-7: calc(var(--s-6) / var(--ratio));
  --s-6: calc(var(--s-5) / var(--ratio));
  --s-5: calc(var(--s-4) / var(--ratio));
  --s-4: calc(var(--s-3) / var(--ratio));
  --s-3: calc(var(--s-2) / var(--ratio));
  --s-2: calc(var(--s-1) / var(--ratio));
  --s-1: calc(var(--s0) / var(--ratio));
  --s0: 1rem;
  --s1: calc(var(--s0) * var(--ratio));
  --s2: calc(var(--s1) * var(--ratio));
  --s3: calc(var(--s2) * var(--ratio));
  --s4: calc(var(--s3) * var(--ratio));
  --s5: calc(var(--s4) * var(--ratio));
  --s6: calc(var(--s5) * var(--ratio));
  --s7: calc(var(--s6) * var(--ratio));
  --s8: calc(var(--s7) * var(--ratio));
  --s9: calc(var(--s8) * var(--ratio));

  /* BORDERS */
  --border-none: none;
  --border-thin: var(--s-3);

  --border-radius-small: var(--s-5);
  --border-radius-medium: var(--s0);
  --border-radius-large: var(--s5);

  --header-height: calc(4.25rem + calc(var(--s-3) * 2));

  font-family: var(--ff-sans-serif, sans-serif);
  font-size: var(--s0);

}