/* ============================================
   MOD SLM - CSS VARIABLES
   Tüm tasarım sistemi burada tanımlanır
   ============================================ */

:root {
  /* ==================== COLORS ==================== */

  /* Primary - Marka Kimliği */
  --primary-black: #1a1a1a;
  --primary-white: #ffffff;

  /* Accent - Vurgu Renkleri */
  --accent-gold: #c9a961;
  --accent-gold-hover: #b39451;
  --accent-rose: #e8d5d5;
  --accent-rose-hover: #d9c6c6;

  /* Neutral - Gri Tonları */
  --neutral-dark: #2d2d2d;
  --neutral-medium: #6b6b6b;
  --neutral-light: #f5f5f5;
  --neutral-lighter: #fafafa;
  --neutral-border: #e0e0e0;

  /* Feedback - Sistem Mesajları */
  --success-green: #4caf50;
  --error-red: #e53935;
  --warning-orange: #fb8c00;
  --info-blue: #2196f3;

  /* Overlay & Shadow */
  --overlay-dark: rgba(26, 26, 26, 0.7);
  --overlay-light: rgba(255, 255, 255, 0.9);
  --shadow-sm: 0 2px 4px rgba(0, 0, 0, 0.1);
  --shadow-md: 0 4px 6px rgba(0, 0, 0, 0.1);
  --shadow-lg: 0 10px 15px rgba(0, 0, 0, 0.1);
  --shadow-xl: 0 20px 25px rgba(0, 0, 0, 0.15);

  /* ==================== TYPOGRAPHY ==================== */

  /* Font Families */
  --font-heading: "Montserrat", sans-serif;
  --font-body: "Inter", sans-serif;

  /* Font Sizes */
  --text-xs: 12px;
  --text-sm: 14px;
  --text-base: 16px;
  --text-lg: 18px;
  --text-xl: 20px;
  --text-2xl: 24px;
  --text-3xl: 30px;
  --text-4xl: 36px;
  --text-5xl: 48px;
  --text-6xl: 60px;

  /* Font Weights */
  --weight-light: 300;
  --weight-regular: 400;
  --weight-medium: 500;
  --weight-semibold: 600;
  --weight-bold: 700;

  /* Line Heights */
  --leading-tight: 1.2;
  --leading-normal: 1.5;
  --leading-relaxed: 1.6;
  --leading-loose: 1.8;

  /* Letter Spacing */
  --tracking-tight: -0.5px;
  --tracking-normal: 0;
  --tracking-wide: 0.5px;
  --tracking-wider: 1px;

  /* ==================== SPACING ==================== */

  /* 8-Point Grid System */
  --space-xs: 8px;
  --space-sm: 16px;
  --space-md: 24px;
  --space-lg: 32px;
  --space-xl: 48px;
  --space-2xl: 64px;
  --space-3xl: 96px;

  /* ==================== LAYOUT ==================== */

  /* Container */
  --container-max: 1400px;
  --container-padding: var(--space-md);

  /* Header */
  --header-height: 80px;
  --header-height-mobile: 64px;

  /* Footer */
  --footer-height: 320px;

  /* Breakpoints (for JS usage) */
  --breakpoint-mobile: 480px;
  --breakpoint-tablet: 768px;
  --breakpoint-desktop: 1024px;
  --breakpoint-wide: 1440px;

  /* ==================== BORDERS ==================== */

  --border-width: 1px;
  --border-width-thick: 2px;
  --border-color: var(--neutral-border);
  --border-radius-sm: 4px;
  --border-radius-md: 8px;
  --border-radius-lg: 12px;
  --border-radius-xl: 16px;
  --border-radius-full: 9999px;

  /* ==================== TRANSITIONS ==================== */

  --transition-fast: 150ms ease;
  --transition-base: 250ms ease;
  --transition-slow: 350ms ease;
  --transition-cubic: cubic-bezier(0.4, 0, 0.2, 1);

  /* ==================== Z-INDEX ==================== */

  --z-dropdown: 100;
  --z-sticky: 200;
  --z-fixed: 300;
  --z-modal-backdrop: 400;
  --z-modal: 500;
  --z-popover: 600;
  --z-tooltip: 700;

  /* ==================== COMPONENTS ==================== */

  /* Buttons */
  --btn-height: 48px;
  --btn-height-sm: 40px;
  --btn-height-lg: 56px;
  --btn-padding-x: var(--space-md);
  --btn-padding-x-sm: var(--space-sm);
  --btn-padding-x-lg: var(--space-lg);

  /* Input Fields */
  --input-height: 48px;
  --input-padding: var(--space-sm);
  --input-border-color: var(--neutral-border);
  --input-border-focus: var(--accent-gold);

  /* Cards */
  --card-padding: var(--space-md);
  --card-border-radius: var(--border-radius-lg);
  --card-shadow: var(--shadow-md);
}

/* ==================== DARK MODE (Opsiyonel - Sonra Eklenebilir) ==================== */
/*
@media (prefers-color-scheme: dark) {
  :root {
    --primary-black: #FFFFFF;
    --primary-white: #1A1A1A;
    --neutral-dark: #E0E0E0;
    --neutral-medium: #A0A0A0;
    --neutral-light: #2D2D2D;
    --neutral-border: #3D3D3D;
  }
}
*/