/* Variables CSS - NaturalGlow */

:root {
  /* Renk Paleti - Light Mode (Default) */
  --color-primary: #2D6A4F;      /* Derin Zeytin Yeşili */
  --color-primary-dark: #1B4332; /* Daha koyu yeşil */
  --color-primary-light: #40916C;/* Daha açık yeşil */
  --color-accent: #B7E4C7;       /* Açık Nane Yeşili */
  --color-accent-dark: #95D5B2;  /* Koyu Nane Yeşili */
  --color-secondary: #F8F4EF;    /* Krem / Doğal Bej */
  --color-text: #1B2E22;         /* Koyu Orman Yeşili */
  --color-text-muted: #556B5B;   /* Soluk Orman Yeşili */
  --color-bg-page: #F8F4EF;      /* Krem Sayfa Arka Planı */
  --color-bg-card: #FFFFFF;      /* Kart Arka Planı */
  --color-border: #D8E8DC;       /* Soluk Yeşil Sınır */
  
  /* Durum Renkleri */
  --color-warning: #E9C46A;      /* Altın Sarı */
  --color-danger: #E76F51;       /* Mercan / Kırmızı */
  --color-success: #52B788;      /* Orta Yeşil */
  
  --color-white: #FFFFFF;
  --color-black: #000000;

  /* Tipografi */
  --font-display: 'Playfair Display', Georgia, serif;
  --font-body: 'Inter', system-ui, -apple-system, sans-serif;

  /* Kenar Yuvarlatma */
  --radius-sm: 8px;
  --radius-md: 12px;
  --radius-lg: 16px;
  --radius-full: 9999px;

  /* Gölgeler */
  --shadow-sm: 0 2px 4px rgba(27, 46, 34, 0.04);
  --shadow-md: 0 6px 16px rgba(27, 46, 34, 0.08);
  --shadow-lg: 0 12px 32px rgba(27, 46, 34, 0.12);

  /* Geçişler */
  --transition-fast: all 0.15s cubic-bezier(0.4, 0, 0.2, 1);
  --transition-normal: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
  --transition-slow: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}

/* Karanlık Mod */
[data-theme="dark"] {
  --color-primary: #52B788;      /* Daha parlak yeşil */
  --color-primary-dark: #40916C;
  --color-primary-light: #74C69D;
  --color-accent: #2D6A4F;       /* Koyu yeşil vurgu */
  --color-accent-dark: #1B4332;
  --color-secondary: #243F2E;    /* Koyu yeşil bej alternatifi */
  --color-text: #F8F4EF;         /* Krem metin */
  --color-text-muted: #B7E4C7;   /* Açık nane yeşili ikincil metin */
  --color-bg-page: #1B2E22;      /* Koyu Orman Yeşili Arka Plan */
  --color-bg-card: #243F2E;      /* Koyu kart arka planı */
  --color-border: #2D6A4F;       /* Yeşil sınırlar */

  /* Durum Renkleri (Karanlık Mod Uyarlaması) */
  --color-warning: #F4D35E;
  --color-danger: #F28482;
  --color-success: #74C69D;

  --color-white: #1B2E22;
  
  /* Gölgeler (Karanlık mod için daha yumuşak koyu gölgeler) */
  --shadow-sm: 0 2px 4px rgba(0, 0, 0, 0.2);
  --shadow-md: 0 6px 16px rgba(0, 0, 0, 0.3);
  --shadow-lg: 0 12px 32px rgba(0, 0, 0, 0.4);
}