/* Import all CSS files - MUST be at the top before any other rules */
@import url('header.css');
@import url('footer.css');
@import url('sidebar.css');
@import url('dashboard-layout.css');
@import url('dashboard-header.css');
@import url('dashboard-pages.css');
@import url('dashboard-home.css');
@import url('dashboard.css');
@import url('menu-templates.css');
@import url('category-add.css');
@import url('business-info.css');
@import url('qr-generator.css');
@import url('nfc-operations.css');
@import url('orders.css');
@import url('menus.css');
@import url('customer-menu.css');
@import url('login.css');
@import url('slider.css');
@import url('qr-menu.css');
@import url('features-section.css');
@import url('electric-card.css');
@import url('dino-game.css');
@import url('error.css');
@import url('order-confirm-button.css');
@import url('pos-users.css');
@import url('pos.css');
@import url('settings.css');
@import url('credit-card-animation.css');
@import url('home-page.css');
@import url('my-orders.css');
@import url('transactions.css');
@import url('subscription-plans.css');
@import url('n-f-c-cart.css');

/* Tailwind directives are in resources/css/app.css (loaded via Vite) */

/* Reset & Base Styles */
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

html,
body {
  margin: 0;
  padding: 0;
  background-color: #F2F0EB;
  min-height: 100vh;
}

/* Font Variables */
:root {
  /* Yeni Profesyonel Renk Paleti */
  /* Zemin (Arka Plan) - Kemik Beyazı */
  --bg-primary: #F2F0EB;
  --bg-secondary: #FFFFFF;
  
  /* Ana Aksiyon (CTA) - Elektrik Turuncu */
  --cta-primary: #FF4D00;
  --cta-primary-hover: #E64500;
  --cta-primary-light: #FF6B33;
  
  /* Metin / Kontrast - Kömür Siyahı */
  --text-primary: #1A1A1A;
  --text-secondary: #4A4A4A;
  --text-muted: #6B6B6B;
  
  /* İkincil (Pasif) - Vizon Gri */
  --passive-primary: #D4D1CC;
  --passive-secondary: #E8E6E2;
  --passive-border: #C4C1BC;
  
  /* Eski değişkenler (geriye dönük uyumluluk için) */
  --so-orange: #FF4D00;
  --so-orange-dark: #E64500;
  --so-beige: #D4D1CC;
  --so-beige-light: #F2F0EB;
  --so-coffee: #D4D1CC;
  --so-coffee-dark: #C4C1BC;
  --so-text-dark: #1A1A1A;
  --so-text-muted: #6B6B6B;
  --so-card-bg: #FFFFFF;
  --so-shadow: 0 6px 18px rgba(26, 26, 26, 0.08);
  --so-shadow-hover: 0 12px 24px rgba(26, 26, 26, 0.12);

  /* Typography & spacing */
  --font-primary: 'Oswald', sans-serif;
  --font-secondary: 'Open Sans', system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
  --radius-sm: 8px;
  --radius-md: 12px;
  --container-max: 1200px;
}

/* Font Families */
h1, h2, h3, h4, h5, h6,
.header, .brand,
button, .btn {
  font-family: var(--font-primary);
}

body, p, span,
small, .text-muted,
label, input, textarea, select {
  font-family: var(--font-secondary);
}

/* Container */
.container {
  width: 85%;
  max-width: var(--container-max);
  margin: 0 auto;
  padding: 0.25rem 2rem 2rem 2rem;
}

@media (max-width: 768px) {
  .container {
    width: 95%;
    padding: 1rem;
  }
}

@media (max-width: 480px) {
  .container {
    width: 100%;
    padding: 0.5rem;
  }
}

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

::-webkit-scrollbar-track {
  background: var(--passive-secondary, #E8E6E2);
}

::-webkit-scrollbar-thumb {
  background: var(--passive-primary, #D4D1CC);
  border-radius: 4px;
}

::-webkit-scrollbar-thumb:hover {
  background: var(--passive-border, #C4C1BC);
}