@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,600;0,700;1,400&family=Plus+Jakarta+Sans:wght@400;500;600&display=swap');

:root {
  /* HSL Colors: Claro (Crema suave para restaurantes clásicos) */
  --bg-color: hsl(40, 30%, 96%);
  --bg-color-alt: hsl(40, 25%, 92%);
  --text-color: hsl(140, 20%, 15%);
  --text-color-light: hsl(140, 10%, 35%);
  
  --accent-1: hsl(45, 50%, 45%); /* Dorado/Bronce oscuro para contrastar en claro */
  --accent-1-hover: hsl(45, 50%, 35%);
  --accent-2: hsl(350, 40%, 30%); /* Burdeos */
  
  --border-color: hsl(40, 20%, 85%);
  --card-bg: hsl(0, 0%, 100%);
  --modal-bg: rgba(255, 255, 255, 0.95);

  /* Typography */
  --font-title: 'Playfair Display', serif;
  --font-body: 'Plus Jakarta Sans', sans-serif;

  /* Spacing */
  --spacing-xs: 0.5rem;
  --spacing-sm: 1rem;
  --spacing-md: 2rem;
  --spacing-lg: 3rem;
  --spacing-xl: 5rem;

  /* Border Radius & Shadow */
  --radius-sm: 4px;
  --radius-md: 8px;
  --radius-lg: 12px;
  --radius-round: 50%;
  --shadow-sm: 0 4px 10px rgba(0, 0, 0, 0.05);
  --shadow-md: 0 10px 30px rgba(0, 0, 0, 0.08);
  --shadow-focus: 0 0 0 3px hsl(45, 50%, 70%);

  /* Transitions */
  --transition-fast: 0.2s ease-in-out;
  --transition-normal: 0.4s ease-in-out;
}

[data-theme="dark"] {
  /* Dark Mode: Verde Bosque Profundo (El estilo premium por defecto) */
  --bg-color: hsl(140, 20%, 8%);
  --bg-color-alt: hsl(140, 20%, 12%);
  --text-color: hsl(35, 40%, 90%); /* Champán suave */
  --text-color-light: hsl(35, 20%, 70%);
  
  --accent-1: hsl(45, 50%, 60%); /* Dorado mate */
  --accent-1-hover: hsl(45, 60%, 70%);
  --accent-2: hsl(350, 50%, 40%); /* Burdeos vibrante */
  
  --border-color: hsl(140, 15%, 20%);
  --card-bg: hsl(140, 20%, 10%);
  --modal-bg: rgba(16, 24, 19, 0.95);
  
  --shadow-sm: 0 4px 10px rgba(0, 0, 0, 0.3);
  --shadow-md: 0 10px 30px rgba(0, 0, 0, 0.5);
  --shadow-focus: 0 0 0 3px hsl(45, 50%, 40%);
}
