/* Doris Fire - Step 1 Typography Update
   Scope: Font and typography only. No layout, slider, color palette or content changes. */

@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap');

:root {
    --df-font-primary: 'Inter', Arial, Helvetica, sans-serif;
    --df-text-main: #1f2933;
    --df-text-muted: #5f6b7a;
    --df-heading: #111827;
}

html,
body {
    font-family: var(--df-font-primary) !important;
    font-size: 16px;
    line-height: 1.65;
    color: var(--df-text-main);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility;
}

body,
button,
input,
select,
textarea,
a,
.navbar,
.navbar a,
.nav > li > a {
    font-family: var(--df-font-primary) !important;
}

h1,
h2,
h3,
h4,
h5,
h6,
.page-header h1,
.page-header h2,
.page-header h3 {
    font-family: var(--df-font-primary) !important;
    color: var(--df-heading);
    font-weight: 700;
    line-height: 1.18;
    letter-spacing: -0.025em;
}

h1,
.page-header h1 {
    font-size: clamp(32px, 4vw, 52px);
    font-weight: 800;
}

h2,
.page-header h2 {
    font-size: clamp(26px, 3vw, 38px);
    font-weight: 750;
}

h3 {
    font-size: 22px;
    font-weight: 700;
}

p,
li {
    font-size: 16px;
    line-height: 1.75;
    font-weight: 400;
    color: var(--df-text-muted);
}

/* Navigation typography only */
.navbar a,
.nav > li > a {
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 0.01em;
}

/* Hero typography only */
.home .tittle-block h1,
.home h1.color-var {
    font-family: var(--df-font-primary) !important;
    letter-spacing: -0.04em;
}

.home h1.color-var {
    font-size: clamp(38px, 5vw, 64px);
    font-weight: 800;
    line-height: 1.08;
}

.home .tittle-block h1:not(.color-var) {
    font-size: clamp(16px, 1.4vw, 20px) !important;
    font-weight: 500 !important;
    line-height: 1.65 !important;
    letter-spacing: -0.01em;
}

/* Section title typography */
.baslik-header .page-header h1 {
    font-size: clamp(28px, 3vw, 42px);
    font-weight: 800;
    line-height: 1.2;
}

.baslik-header .page-header small {
    font-family: var(--df-font-primary) !important;
    font-size: 15px;
    font-weight: 500;
    letter-spacing: 0;
}

/* Dynamic content/cards typography only */
.features-content h1,
.features-content h2,
.features-tile h1,
.features-tile h2 {
    font-size: 22px;
    font-weight: 700;
    line-height: 1.25;
    letter-spacing: -0.02em;
}

.col-md-4 h2,
.col-xs-12 h2,
.service h2 {
    font-size: 21px;
    font-weight: 700;
    line-height: 1.3;
    letter-spacing: -0.02em;
}

.btn,
button,
input[type='submit'] {
    font-family: var(--df-font-primary) !important;
    font-weight: 700;
    letter-spacing: 0.01em;
}

@media (max-width: 768px) {
    html,
    body {
        font-size: 15px;
        line-height: 1.6;
    }

    h1,
    .page-header h1 {
        font-size: 30px;
    }

    h2,
    .page-header h2 {
        font-size: 25px;
    }

    p,
    li {
        font-size: 15px;
        line-height: 1.65;
    }

    .home h1.color-var {
        font-size: 36px;
    }
}