/* Lufga Font Family */
@font-face {
  font-family: 'Lufga';
  src: url('../fonts/LufgaThin.ttf') format('truetype');
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Lufga';
  src: url('../fonts/LufgaLight.ttf') format('truetype');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Lufga';
  src: url('../fonts/LufgaRegular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Lufga';
  src: url('../fonts/LufgaMedium.ttf') format('truetype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Lufga';
  src: url('../fonts/LufgaSemiBold.ttf') format('truetype');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

/* CSS Custom Properties (Variables) */
:root {
  /* Font Family */
  --font-family: 'Lufga', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  /* Light Theme Colors */
  --white: #fff;
  --bg-primary: #f8fafc;
  --bg-secondary: #ffffff;
  --text-primary: #1e293b;
  --text-secondary: #64748b;
  --text-muted: #94a3b8;
  --border-color: #e2e8f0;
  
  /* Brand Colors - Açık Mavi Tonları */
  --brand: #60a5fa;
  --brand-light: #93c5fd;
  --brand-dark: #3b82f6;
  --accent: #f59e0b;
  --accent-light: #fbbf24;
  --accent-dark: #d97706;
  
  /* Additional Colors */
  --indigo-50: #eef2ff;
  --gray-50: #f9fafb;
  --gray-500: #6b7280;
  --gray-700: #374151;
  
  /* Admin Panel Colors */
  --primary-color: #4f8cff;
  --secondary-color: #7bd389;
  --sidebar-width: 280px;
  
  /* Button Colors - Primary */
  --btn-primary-from: #4f8cff;
  --btn-primary-to: #3b6fd6;
  --btn-primary-hover-from: #3b6fd6;
  --btn-primary-hover-to: #2c5ab8;
  --btn-primary-text: #ffffff;
  --btn-primary-border: rgba(255, 255, 255, 0.2);
  --btn-primary-shadow: rgba(79, 140, 255, 0.35);
  
  /* Button Colors - Secondary */
  --btn-secondary-from: #6c757d;
  --btn-secondary-to: #5a6268;
  --btn-secondary-hover-from: #5a6268;
  --btn-secondary-hover-to: #4a4f54;
  --btn-secondary-text: #ffffff;
  --btn-secondary-border: rgba(255, 255, 255, 0.15);
  --btn-secondary-shadow: rgba(108, 117, 125, 0.3);
  
  /* Button Colors - Outline */
  --btn-outline-border: currentColor;
  --btn-outline-bg-hover: var(--brand);
  --btn-outline-text-hover: #ffffff;
  
  /* Button Colors - Modern (Soft Lift Style) */
  --btn-modern-bg: #ffffff;
  --btn-modern-text: #000000;
  --btn-modern-hover-bg: #4f8cff;
  --btn-modern-hover-text: #ffffff;
  --btn-modern-shadow: rgba(0, 0, 0, 0.1);
  --btn-modern-hover-shadow: rgba(79, 140, 255, 0.4);
  
  /* Button Sizing */
  --btn-padding: 12px 28px;
  --btn-padding-sm: 8px 20px;
  --btn-padding-lg: 16px 36px;
  --btn-font-size: 15px;
  --btn-font-size-sm: 14px;
  --btn-font-size-lg: 16px;
  --btn-border-radius: 12px;
  --btn-border-radius-sm: 10px;
  --btn-border-radius-lg: 14px;
  --btn-font-weight: 600;
  
  /* Button Effects */
  --btn-transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
  --btn-ripple-bg: rgba(255, 255, 255, 0.3);
  --btn-lift-distance: -2px;
  --btn-lift-distance-sm: -1px;
  
  /* Typography */
  --title2Size: clamp(1.75rem, 1.5rem + 1.5vw, 2.5rem);
  
  /* Spacing */
  --section-padding: 60px 0;
  
  /* Border Radius */
  --border-radius-sm: 8px;
  --border-radius: 12px;
  --border-radius-lg: 20px;
  --border-radius-xl: 24px;
  
  /* Shadows */
  --shadow-sm: 0 2px 4px rgba(0,0,0,0.1);
  --shadow: 0 2px 10px rgba(0,0,0,0.1);
  --shadow-lg: 0 4px 20px rgba(0,0,0,0.15);
  
  /* Transitions */
  --transition: all 0.3s ease;
  --transition-fast: all 0.15s ease;
}

/* Global Font Application */
* {
  font-family: var(--font-family);
}

/* Headings - Bold & Uppercase */
h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
  font-weight: 700 !important;
  text-transform: uppercase;
  font-family: var(--font-family);
}

/* Body Text - Light Weight */
body, p, span, a, li, td, th, div {
  font-weight: 300;
  font-family: var(--font-family);
}