/* Dinamik Tema CSS - Otomatik Üretildi */
:root {
    /* Renkler */
    --theme-primary-color: #000000;
    --theme-accent-color: #0071e3;
    --theme-text-color: #121213;
    --theme-background-color: #ffffff;
    
    /* Fontlar */
    --theme-font-family: Inter, sans-serif;
    --theme-heading-font-size: 48px;
    --theme-paragraph-font-size: 16px;
    
    /* Butonlar */
    --theme-button-color: #000000;
    --theme-button-text-color: #ffffff;
    --theme-button-border-radius: 8px;
    
    /* Kartlar */
    --theme-card-border-radius: 16px;
    
    /* Gölgeler */
    --theme-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    
    /* Boşluklar */
    --theme-spacing-unit: 16px;
    --theme-spacing-2x: calc(var(--theme-spacing-unit) * 2);
    --theme-spacing-3x: calc(var(--theme-spacing-unit) * 3);
    --theme-spacing-4x: calc(var(--theme-spacing-unit) * 4);
}

/* Genel Stiller */
body {
    font-family: var(--theme-font-family);
    font-size: var(--theme-paragraph-font-size);
    color: var(--theme-text-color);
    background-color: var(--theme-background-color);
}

/* Başlıklar */
h1, h2, h3, h4, h5, h6 {
    font-family: var(--theme-font-family);
}

h1 {
    font-size: var(--theme-heading-font-size);
}

h2 {
    font-size: calc(var(--theme-heading-font-size) * 0.75);
}

h3 {
    font-size: calc(var(--theme-heading-font-size) * 0.6);
}

/* Butonlar */
.btn-primary,
.theme-button {
    background-color: var(--theme-button-color);
    color: var(--theme-button-text-color);
    border-radius: var(--theme-button-border-radius);
    padding: calc(var(--theme-spacing-unit) * 0.75) var(--theme-spacing-2x);
}

.btn-primary:hover,
.theme-button:hover {
    opacity: 0.9;
}

/* Kartlar */
.card,
.theme-card {
    border-radius: var(--theme-card-border-radius);
    box-shadow: var(--theme-shadow);
    padding: var(--theme-spacing-2x);
}

/* Vurgu Rengi */
.accent-color {
    color: var(--theme-accent-color);
}

.accent-bg {
    background-color: var(--theme-accent-color);
}

/* Ana Renk */
.primary-color {
    color: var(--theme-primary-color);
}

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