/*
 * Dosya: assets/css/base/_variables.css
 * Amaç: Projedeki tüm renkleri, fontları ve genel stil değişkenlerini barındırır.
 * GÜNCELLEME: Eski renk isimleri temizlendi. Artık sadece yeni standartlar kullanılıyor.
 */

:root {
    /* === 1. Anlamsal ve Tema Duyarlı Renkler (Light/Dark Mode Uyumlu) === */
    /* Bu renkler, temanızın aydınlık ve karanlık mod ayarlarından etkilenir. */
    --color-primary: var(--theme-palette-color-1);
    --color-secondary: var(--theme-palette-color-2);
    --color-text-base: var(--theme-palette-color-4);
    --color-text-dark-bg-base: var(--theme-palette-color-8);
    --color-text-muted: var(--theme-palette-color-3);
    --color-text-subtle: var(--theme-palette-color-5);
    --color-background: var(--theme-palette-color-8);
    --color-background-soft: var(--theme-palette-color-7);
    --color-border-light: var(--theme-palette-color-7);
    --color-border-medium: var(--theme-palette-color-6);

    /* === 2. Statik (Sabit) Renkler (Light/Dark Mode'dan ETKİLENMEZ) === */
    /* Bu renkler, aydınlık veya karanlık modda her zaman aynı görünür. */
    --color-static-danger: var(--theme-palette-color-9);
    --color-static-warning: var(--theme-palette-color-10);
    --color-static-success: var(--theme-palette-color-11);
    --color-static-info: var(--theme-palette-color-12);
    --color-static-dark: var(--theme-palette-color-13);
    --color-static-white: var(--theme-palette-color-14);
    --color-static-green: var(--theme-palette-color-15);
    --color-static-blue: var(--theme-palette-color-16);
    --color-static-grey: var(--theme-palette-color-17);
    --color-static-off-white: var(--theme-palette-color-18);
    --color-static-dark-blue: var(--theme-palette-color-19);


    /* === 3. Diğer Değişkenler === */
    --font-size-xxs: clamp(0.6rem, 1vw, 0.7rem);
    --font-size-xs: clamp(0.7rem, 1.2vw, 0.8rem);
    --font-size-sm: clamp(0.8rem, 1.5vw, 0.9rem);
    --font-size-base: clamp(0.9rem, 1.8vw, 1rem);
    --font-size-md: clamp(1rem, 2.2vw, 1.15rem);
    --font-size-lg: clamp(1.25rem, 2.5vw, 1.5rem);
    --font-size-xl: clamp(1.8rem, 3.5vw, 2.5rem);
    --icon-size-md: 1.25rem;
    --border-radius-base: 12px;
    --border-radius-small: 8px;
    --border-radius-pill: 20px;
    --box-shadow-base: 0 3px 3px 3px rgba(34, 56, 101, 0.04);
    --box-shadow-hover: 0 5px 15px rgba(34, 56, 101, 0.1);
}