:root {
    --primary: #1a3c6e;
    --secondary: #0f2a4a;
    --accent: #2d8a4e;
    --text: #2d3e50;
    --text-light: #6c7e8c;
    --bg: #ffffff;
    --bg-alt: #f8fafc;
    --header-bg: #ffffff;
    --footer-bg: #0a2a38;
    --font-family: 'Inter', sans-serif;
    --base-size: 16px;
    --container-width: 1280px;
    --border-radius: 12px;
    --transition: 0.3s;
    --btn-radius: 50px;
    --hero-height: 600px;
}

/* Temel Ayarlar */
body {
    font-family: var(--font-family);
    font-size: var(--base-size);
    color: var(--text);
    background: var(--bg);
}

h1 { font-size: 48px; }
h2 { font-size: 36px; }
h3 { font-size: 24px; }

.container {
    max-width: var(--container-width);
    margin: 0 auto;
    padding: 0 20px;
}

/* Header */
.header {
    background: var(--header-bg);
    box-shadow: 0 2px 10px rgba(0,0,0,0.05);
}

.nav a {
    font-size: 15px;
}

/* Butonlar */
.btn-whatsapp, .btn-call {
    border-radius: var(--btn-radius);
    padding: 14px 32px;
    transition: all var(--transition) ease;
    font-size: 16px;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    text-decoration: none;
    font-weight: 600;
}

.btn-whatsapp {
    background: #25D366;
    color: white;
    box-shadow: 0 8px 20px rgba(0,0,0,0.1);
}

.btn-whatsapp:hover {
    background: #20b859;
    transform: translateY(-2px);
}

.btn-call {
    background: var(--primary);
    color: white;
    box-shadow: 0 8px 20px rgba(0,0,0,0.1);
}

.btn-call:hover {
    background: var(--secondary);
    transform: translateY(-2px);
}

/* Hero */
.hero {
    min-height: var(--hero-height);
    background: linear-gradient(135deg, var(--secondary), var(--primary));
    display: flex;
    align-items: center;
}

/* Kartlar */
.service-card, .testimonial-card, .faq-item {
    border-radius: var(--border-radius);
    transition: all var(--transition) ease;
}

.service-card:hover, .testimonial-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 15px 35px rgba(0,0,0,0.1);
}

/* Bölüm Arkaplanları */
.services, .testimonials {
    background: var(--bg-alt);
}

/* Footer */
.footer {
    background: var(--footer-bg);
    color: #fff;
}

/* Linkler */
a {
    color: var(--primary);
    transition: color var(--transition);
}

a:hover {
    color: var(--secondary);
}

/* Butonlar (diğer) */
.btn-service, .read-more, .btn-all-posts {
    color: var(--primary);
}

.btn-service:hover, .read-more:hover, .btn-all-posts:hover {
    color: var(--secondary);
}

/* Dil Menüsü */
.lang-menu {
    background: rgba(44,125,160,0.1);
}

.lang-item:hover {
    background: var(--primary);
    color: white;
}