:root {
    --color-primary: #105D5E;
    --color-dark: #0F4F4F;
    --color-green: #B2EAA7;
    --color-teal: #0D4A4B;
    --color-light-green: #EAFBDB;
    --color-gray: #76807D;
    --color-dark-gray:#666666;
    --color-border: #DDDDDD;
    --color-blue:#0C82EE;
    --color-background:#F3F5F6;
}

.font-inter {
    font-family: "Inter", sans-serif;
}

/* Arka plan renkleri */
.bg-primary   { background-color: var(--color-primary); }
.bg-dark      { background-color: var(--color-dark); }
.bg-green     { background-color: var(--color-green); }
.bg-teal      { background-color: var(--color-teal); }
.bg-lightgreen{ background-color: var(--color-light-green); }
.bg-gray      { background-color: var(--color-gray); }
.bg-dark-gray      { background-color: var(--color-dark-gray); }
.bg-border    { background-color: var(--color-border); }
.bg-blue    { background-color: var(--color-blue); }
.bg-background {background-color: var(--color-background);}

/* Yazı renkleri */
.text-primary   { color: var(--color-primary); }
.text-dark      { color: var(--color-dark); }
.text-green     { color: var(--color-green); }
.text-teal      { color: var(--color-teal); }
.text-lightgreen{ color: var(--color-light-green); }
.text-gray      { color: var(--color-gray); }
.text-dark-gray      { color: var(--color-dark-gray); }
.text-border    { color: var(--color-border); }
.text-blue    { color: var(--color-blue); }
.text-background    { color: var(--color-background); }

/* Kenarlık renkleri */
.border-primary   { border-color: var(--color-primary); }
.border-dark      { border-color: var(--color-dark); }
.border-green     { border-color: var(--color-green); }
.border-teal      { border-color: var(--color-teal); }
.border-lightgreen{ border-color: var(--color-light-green); }
.border-gray      { border-color: var(--color-gray); }
.border-dark-gray      { border-color: var(--color-dark-gray); }
.border-border    { border-color: var(--color-border); }
.border-blue    { border-color: var(--color-blue); }
.border-background    { border-color: var(--color-background); }

/* Ring renkleri */
.ring-primary   { box-shadow: 0 0 0 2px var(--color-primary); }
.ring-dark      { box-shadow: 0 0 0 2px var(--color-dark); }
.ring-green     { box-shadow: 0 0 0 2px var(--color-green); }
.ring-teal      { box-shadow: 0 0 0 2px var(--color-teal); }
.ring-lightgreen{ box-shadow: 0 0 0 2px var(--color-light-green); }
.ring-gray      { box-shadow: 0 0 0 2px var(--color-gray); }
.ring-dark-gray { box-shadow: 0 0 0 2px var(--color-dark-gray); }
.ring-border    { box-shadow: 0 0 0 2px var(--color-border); }
.ring-blue    { box-shadow: 0 0 0 2px var(--color-blue); }
.ring-background    { box-shadow: 0 0 0 2px var(--color-background); }

.font-inter{
    font-family: "Inter", sans-serif;
}

@media (min-width: 1024px) { footer { height: 380px; } }
@media (min-width: 1600px) { footer { height: 420px; } }
@media (min-width: 1800px) { footer { height: 480px; } }
@media (min-width: 2000px) { footer { height: 570px; } }