/* THF F&B - Natural Green Pastel Theme */
:root {
  /* Main Colors - Natural Green */
  --primary-green: #6B9B7C;
  --primary-green-light: #8FB996;
  --primary-green-lighter: #A8D5BA;
  --primary-green-dark: #578166;
  
  /* Background Colors */
  --bg-warm: #F5F1E8;
  --bg-cream: #FDFCF7;
  --bg-white: #FFFFFF;
  
  /* Accent Colors */
  --accent-lime: #B8D4A8;
  --accent-orange: #F4D6B8;
  --accent-brown: #A89080;
  
  /* Text Colors */
  --text-dark: #3A3A3A;
  --text-medium: #6B6B6B;
  --text-light: #9B9B9B;
  
  /* Status Colors */
  --success: #7BA682;
  --warning: #E8B86D;
  --error: #D88A8A;
  --info: #8FB9D4;
}

/* Global Styles */
body {
  font-family: 'Noto Sans KR', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  background-color: var(--bg-warm);
  color: var(--text-dark);
}

/* Custom Tailwind Overrides */
.bg-primary {
  background-color: var(--primary-green) !important;
}

.bg-primary-light {
  background-color: var(--primary-green-light) !important;
}

.text-primary {
  color: var(--primary-green) !important;
}

.border-primary {
  border-color: var(--primary-green) !important;
}

/* Button Styles */
.btn-primary {
  background-color: var(--primary-green);
  color: white;
  transition: all 0.3s ease;
}

.btn-primary:hover {
  background-color: var(--primary-green-dark);
  transform: translateY(-1px);
  box-shadow: 0 4px 12px rgba(107, 155, 124, 0.3);
}

/* Card Styles */
.card {
  background-color: var(--bg-white);
  border-radius: 12px;
  box-shadow: 0 2px 8px rgba(107, 155, 124, 0.08);
  transition: all 0.3s ease;
}

.card:hover {
  box-shadow: 0 4px 16px rgba(107, 155, 124, 0.15);
}

/* Header */
.header {
  background: linear-gradient(135deg, var(--primary-green) 0%, var(--primary-green-light) 100%);
  box-shadow: 0 2px 12px rgba(107, 155, 124, 0.15);
}

/* Smooth Transitions */
* {
  transition: background-color 0.2s ease, color 0.2s ease, border-color 0.2s ease;
}

/* Custom Scrollbar */
::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}

::-webkit-scrollbar-track {
  background: var(--bg-warm);
}

::-webkit-scrollbar-thumb {
  background: var(--primary-green-light);
  border-radius: 4px;
}

::-webkit-scrollbar-thumb:hover {
  background: var(--primary-green);
}