/**
 * VARYScode CSS Variables
 *
 * Temanın renk paleti, tipografisi ve boşluk ayarları burada tanımlanır.
 * Bu değişkenler tüm proje genelinde tutarlılık sağlar.
 */

:root {
    /* ── Renk Paleti ── */
    --color-primary: #0f172a;    /* Koyu Lacivert / Siyah */
    --color-secondary: #059669;  /* Koyu Yeşil (Vurgu) */
    --color-accent: #1e3a8a;     /* Lacivert Vurgu */
    --color-white: #ffffff;
    --color-black: #000000;
    --color-gray-50: #f8fafc;
    --color-gray-100: #f1f5f9;
    --color-gray-200: #e2e8f0;
    --color-gray-400: #94a3b8;
    --color-gray-600: #475569;
    --color-gray-800: #1e293b;

    /* ── Tipografi ── */
    --font-heading: 'Outfit', sans-serif;
    --font-body: 'Inter', sans-serif;

    /* ── Boşluklar (Spacing) ── */
    --spacing-xs: 0.5rem;
    --spacing-sm: 1rem;
    --spacing-md: 2rem;
    --spacing-lg: 4rem;
    --spacing-xl: 8rem;
    --section-padding: 5rem 0;

    /* ── Diğer Özellikler ── */
    --border-radius-sm: 4px;
    --border-radius-md: 8px;
    --border-radius-lg: 16px;
    --transition-base: all 0.3s ease;
    --header-height: 80px;
    --container-width: 1240px;
    --box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
}