:root {
  /* Renkler */
  --color-primary: #1aa79c;
  --color-primary-dark: #07534d;
  --color-primary-darker: #10ab97;
  --color-primary-light: #43998a;
  --color-primary-lighter: #dae9e8;
  --color-secondary: #fd9a27;
  --color-accent: #4cb984;
  --color-text-dark: #303030;
  --color-text: #545454;
  --color-text-light: #7b7b7b;
  --color-white: #fff;
  --color-black: #000;
  --color-light-gray: #f7f7f7;
  --color-gray: #c6c6c6;
  --color-dark-gray: #868686;
  --color-border: #dae9e8;
  --color-dark-blue: #111112;

  /* Yazı Tipleri */
  --font-primary: "Latinka-Regular", sans-serif;
  --font-primary-thin: "latinka-thin", sans-serif;
  --font-primary-light: "latinka-light", sans-serif;
  --font-primary-medium: "latinka-medium", sans-serif;
  --font-primary-semibold: "latinka-semibold", sans-serif;
  --font-primary-bold: "latinka-bold", sans-serif;
  --font-primary-extralight: "latinka-extraLight", sans-serif;
  --font-secondary: "gluck-bold", sans-serif;
  --font-tertiary: "Averta-Regular", sans-serif;

  /* Boşluklar */
  --spacing-small: 8px;
  --spacing-medium: 16px;
  --spacing-large: 32px;
  --spacing-xlarge: 64px;

  /* Kenarlıklar */
  --border-radius: 4px;
  --border-width: 1px;
  --border-style: solid;
}

.color-secondary {
  color: var(--color-secondary) !important;
}

.color-primary {
  color: var(--color-primary) !important;
}

.color-primary-dark {
  color: var(--color-primary-dark) !important;
}

.color-primary-darker {
  color: var(--color-primary-darker);
}

.color-primary-light {
  color: var(--color-primary-light);
}

.color-primary-lighter {
  color: var(--color-primary-lighter);
}

.color-accent {
  color: var(--color-accent);
}

.color-text-dark {
  color: var(--color-text-dark);
}

.color-text {
  color: var(--color-text);
}

.color-text-light {
  color: var(--color-text-light);
}

.color-white {
  color: var(--color-white);
}

.color-black {
  color: var(--color-black);
}

.color-light-gray {
  color: var(--color-light-gray);
}

.color-gray {
  color: var(--color-gray);
}

.color-dark-gray {
  color: var(--color-dark-gray);
}

.color-border {
  color: var(--color-border);
}

.color-dark-blue {
  color: var(--color-dark-blue);
}

.border-top {
  border-top: var(--border-width) var(--border-style) var(--color-border);
}

.border-top-primary-dark {
  border-top: var(--border-width) var(--border-style) var(--color-primary-dark);
}

.border-top-2-primary-dark {
  border-top: 2px var(--border-style) var(--color-primary-dark);
}

.border-top-4-primary-dark {
  border-top: 4px var(--border-style) var(--color-primary-dark);
}