/* Tema Değişkenleri */
:root {
    --color-dark: #23272F;
    --color-grey: #343A40;
    --color-light: #F5F6FA;
    --color-orange: #FF7F32;
    --color-orange-hover: #FF9A56;

    /* Font Aileleri */
    --font-primary: 'Montserrat', sans-serif;
    --font-secondary: 'Open Sans', sans-serif;
    --font-heading: 'Montserrat', sans-serif;
    --font-body: 'Open Sans', sans-serif;

    /* Font Boyutları */
    --font-size-xs: 0.85rem;    /* 13.6px */
    --font-size-sm: 0.9rem;     /* 14.4px */
    --font-size-base: 1rem;     /* 16px */
    --font-size-md: 1.1rem;     /* 17.6px */
    --font-size-lg: 1.2rem;     /* 19.2px */
    --font-size-xl: 1.5rem;     /* 24px */
    --font-size-2xl: 1.75rem;   /* 28px */
    --font-size-3xl: 2rem;      /* 32px */
    --font-size-4xl: 2.5rem;    /* 40px */
    --font-size-5xl: 3rem;      /* 48px */
    --font-size-6xl: 4rem;      /* 64px */

    /* Temel Kullanım */
    --bg-primary: var(--color-light);
    --bg-secondary: #fff;
    --text-primary: var(--color-dark);
    --text-secondary: var(--color-grey);
    --accent-color: var(--color-orange);
    --accent-hover: var(--color-orange-hover);
    --card-bg: #ebebeb;
    --header-bg: #fff;
    --border-color: #e0e0e0;
    --shadow-color: rgba(52, 58, 64, 0.07);
    --overlay-color: rgba(35, 39, 47, 0.7);
    --transition: all 0.3s ease;
}

[data-theme="dark"] {
    --bg-primary: var(--color-dark);
    --bg-secondary: var(--color-grey);
    --text-primary: var(--color-light);
    --text-secondary: #bdbdbd;
    --accent-color: var(--color-orange);
    --accent-hover: var(--color-orange-hover);
    --card-bg: #13212f;
    --header-bg: rgba(35, 39, 47, 0.95);
    --border-color: #343A40;
    --shadow-color: #1c5ea0;
    --overlay-color: rgba(35, 39, 47, 0.85);
}