/* ===== TEMA RENKLERİ VE KONTRAST İYİLEŞTİRMELERİ ===== */
:root {
    /* Ana Renkler */
    --bordo-perde: #7A1E2C;      /* Ana tiyatro perdesi rengi */
    --altin-isik: #D4A017;       /* Daha belirgin altın rengi */
    --kizil-sahne: #C41E3A;      /* Daha derin kırmızı */
    --amber-turuncu: #E67E22;    /* Sıcak turuncu */
    --krem-beyaz: #FFF9E6;       /* Daha açık krem rengi */
    --koyu-kahve: #23120E;       /* Daha koyu kahve */
    
    /* Metin Renkleri */
    --text-primary: var(--koyu-kahve);
    --text-secondary: #4A3A37;   /* Daha yüksek kontrast */
    --text-muted: #6B5D52;       /* Daha belirgin gri */
    --text-on-dark: #FFFFFF;     /* Koyu arka plan üzeri beyaz yazı */
    --text-on-light: var(--koyu-kahve);
    
    /* Arka Plan Renkleri */
    --bg-primary: var(--krem-beyaz);
    --bg-secondary: #F5EDE0;     /* Daha yumuşak ikincil arka plan */
    --bg-dark: var(--koyu-kahve);
    --bg-light: var(--krem-beyaz);
    --bg-light-transparent: rgba(255, 249, 230, 0.95);
    
    /* Vurgu Renkleri */
    --accent-primary: var(--bordo-perde);
    --accent-secondary: var(--altin-isik);
    --accent-tertiary: var(--kizil-sahne);
    
    /* Buton Renkleri */
    --btn-primary-bg: var(--bordo-perde);
    --btn-primary-hover: #5A1621;
    --btn-primary-text: #FFFFFF;
    --btn-secondary-bg: var(--altin-isik);
    --btn-secondary-hover: #E6B800;
    --btn-secondary-text: var(--koyu-kahve);
    
    /* Link Renkleri */
    --link-color: var(--bordo-perde);
    --link-hover: var(--kizil-sahne);
    --link-visited: #5A1621;
    
    /* Kenar Çizgileri */
    --border-light: rgba(44, 27, 24, 0.1);
    --border-medium: rgba(44, 27, 24, 0.2);
    --border-dark: rgba(44, 27, 24, 0.3);
    
    /* Uyarı ve Durum Renkleri */
    --success: #16A34A;
    --warning: #D97706;
    --error: #DC2626;
    --info: #2563EB;
}

/* Temel Tipografi İyileştirmeleri */
body {
    color: var(--text-primary);
    background-color: var(--bg-primary);
    line-height: 1.7;
}

/* Başlıklar */
h1, h2, h3, h4, h5, h6 {
    color: var(--koyu-kahve);
    font-weight: 700;
    line-height: 1.3;
    margin-bottom: 1rem;
}

h1 { 
    color: var(--bordo-perde);
    font-size: 2.5rem;
}

h2 {
    color: var(--bordo-perde);
    font-size: 2rem;
}

h3 {
    color: var(--koyu-kahve);
    font-size: 1.75rem;
}

/* Paragraflar */
p {
    margin-bottom: 1.25rem;
    color: var(--text-primary);
}

/* Linkler */
a {
    color: var(--link-color);
    text-decoration: none;
    transition: color 0.2s ease;
}

a:hover {
    color: var(--link-hover);
    text-decoration: underline;
}

/* Butonlar */
.btn {
    display: inline-block;
    padding: 0.75rem 1.5rem;
    border-radius: 4px;
    font-weight: 600;
    text-align: center;
    cursor: pointer;
    transition: all 0.2s ease;
    border: none;
}

.btn-primary {
    background-color: var(--btn-primary-bg);
    color: var(--btn-primary-text);
}

.btn-primary:hover {
    background-color: var(--btn-primary-hover);
    color: var(--btn-primary-text);
    text-decoration: none;
}

.btn-secondary {
    background-color: var(--btn-secondary-bg);
    color: var(--btn-secondary-text);
}

.btn-secondary:hover {
    background-color: var(--btn-secondary-hover);
    color: var(--btn-secondary-text);
    text-decoration: none;
}

/* Kartlar ve Bölümler */
.card {
    background: #FFFFFF;
    border: 1px solid var(--border-light);
    border-radius: 8px;
    padding: 1.5rem;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
}

.section {
    padding: 4rem 0;
}

.section-dark {
    background-color: var(--bg-dark);
    color: var(--text-on-dark);
}

.section-dark h1,
.section-dark h2,
.section-dark h3,
.section-dark h4,
.section-dark h5,
.section-dark h6 {
    color: #FFFFFF;
}

/* Header Stilleri */
.page-header {
    background-color: var(--bg-dark);
    color: var(--text-on-dark);
}

/* Navbar Stilleri */
.navbar {
    background-color: var(--bg-light-transparent);
    backdrop-filter: blur(10px);
}

.nav-link {
    color: var(--text-primary);
    font-weight: 500;
}

.nav-link:hover {
    color: var(--bordo-perde);
}

/* Footer Stilleri */
.footer {
    background-color: var(--bg-dark);
    color: var(--text-on-dark);
    padding: 3rem 0;
}

.footer a {
    color: var(--altin-isik);
}

.footer a:hover {
    color: #FFFFFF;
    text-decoration: none;
}

/* Responsive Düzenlemeler */
@media (max-width: 768px) {
    h1 { font-size: 2rem; }
    h2 { font-size: 1.75rem; }
    h3 { font-size: 1.5rem; }
    
    .section {
        padding: 2.5rem 0;
    }
}

/* Erişilebilirlik İyileştirmeleri */
.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}

:focus-visible {
    outline: 3px solid var(--altin-isik);
    outline-offset: 2px;
}

/* Form Elemanları */
input,
select,
textarea {
    border: 1px solid var(--border-medium);
    border-radius: 4px;
    padding: 0.5rem 0.75rem;
    font-size: 1rem;
    transition: border-color 0.2s ease;
}

input:focus,
select:focus,
textarea:focus {
    border-color: var(--bordo-perde);
    box-shadow: 0 0 0 2px rgba(122, 30, 44, 0.2);
    outline: none;
}

/* Tablolar */
table {
    width: 100%;
    border-collapse: collapse;
    margin: 1.5rem 0;
}

th, td {
    padding: 0.75rem;
    text-align: left;
    border-bottom: 1px solid var(--border-light);
}

th {
    background-color: var(--bg-secondary);
    font-weight: 600;
    color: var(--koyu-kahve);
}