@charset "UTF-8";

/* Latin + Türkçe (ğ, ı, İ, ş, ö, ü, ç …) */
@font-face {
    font-family: "Metropolis";
    font-style: normal;
    font-display: swap;
    font-weight: 300;
    src: url("fonts/metropolis-300.woff2") format("woff2");
    unicode-range: U+0000-00FF, U+0100-024F, U+0259, U+1E00-1EFF, U+0130, U+0131, U+011E, U+011F, U+015E, U+015F, U+20AC;
}

@font-face {
    font-family: "Metropolis";
    font-style: normal;
    font-display: swap;
    font-weight: 400;
    src: url("fonts/metropolis-400.woff2") format("woff2");
    unicode-range: U+0000-00FF, U+0100-024F, U+0259, U+1E00-1EFF, U+0130, U+0131, U+011E, U+011F, U+015E, U+015F, U+20AC;
}

@font-face {
    font-family: "Metropolis";
    font-style: normal;
    font-display: swap;
    font-weight: 500;
    src: url("fonts/metropolis-500.woff2") format("woff2");
    unicode-range: U+0000-00FF, U+0100-024F, U+0259, U+1E00-1EFF, U+0130, U+0131, U+011E, U+011F, U+015E, U+015F, U+20AC;
}

@font-face {
    font-family: "Metropolis";
    font-style: normal;
    font-display: swap;
    font-weight: 600;
    src: url("fonts/metropolis-600.woff2") format("woff2");
    unicode-range: U+0000-00FF, U+0100-024F, U+0259, U+1E00-1EFF, U+0130, U+0131, U+011E, U+011F, U+015E, U+015F, U+20AC;
}

@font-face {
    font-family: "Metropolis";
    font-style: normal;
    font-display: swap;
    font-weight: 700;
    src: url("fonts/metropolis-700.woff2") format("woff2");
    unicode-range: U+0000-00FF, U+0100-024F, U+0259, U+1E00-1EFF, U+0130, U+0131, U+011E, U+011F, U+015E, U+015F, U+20AC;
}

@font-face {
    font-family: "Metropolis";
    font-style: normal;
    font-display: swap;
    font-weight: 900;
    src: url("fonts/metropolis-900.woff2") format("woff2");
    unicode-range: U+0000-00FF, U+0100-024F, U+0259, U+1E00-1EFF, U+0130, U+0131, U+011E, U+011F, U+015E, U+015F, U+20AC;
}

/* Metropolis'te eksik glif kalırsa Türkçe karakterler için yedek */
@font-face {
    font-family: "Metropolis TR";
    font-style: normal;
    font-display: swap;
    font-weight: 300 900;
    src: local("Segoe UI"), local("Arial");
    unicode-range: U+011E, U+011F, U+0130, U+0131, U+015E, U+015F;
}

:root {
    --font-family-sans-serif: "Metropolis", "Metropolis TR", "Segoe UI", Roboto, Arial, sans-serif;
}

html,
body {
    font-family: var(--font-family-sans-serif);
    font-synthesis: none;
    text-rendering: optimizeLegibility;
}

button,
input,
select,
textarea,
.btn,
.form-control {
    font-family: inherit;
}