/* =====================================================
   VARIABLES CSS - Booking Agenda
   ===================================================== */

:root {
  /* Colores principales */
  --primary-color: #4a90e2;
  --secondary-color: #f0f8ff;
  --text-color: #1f2937;

  /* Colores del calendario */
  --calendar-primary-color: #4a90e2;
  --calendar-header-bg: #f8fafc;
  --calendar-text-color: #1f2937;
  --calendar-title-color: #374151;
  --calendar-selected-text-color: #ffffff;
  --calendar-hover-text-color: #1f2937;
  --calendar-arrow-color: #6b7280;
  --calendar-border-color: #e5e7eb;
  --calendar-hover-color: #dbeafe;
  --calendar-disabled-color: #9ca3af;
  --calendar-available-bg: #ffffff;
  --calendar-disabled-bg: #f9fafb;
  --calendar-past-bg: #f9fafb;
  --calendar-empty-bg: #f8fafc;

  /* Dimensiones */
  --calendar-width: 350px;
  --calendar-border-radius: 8px;

  /* Espaciado básico */
  --spacing-sm: 8px;
  --spacing-md: 12px;
  --spacing-lg: 16px;
  --spacing-xl: 20px;
  --spacing-2xl: 24px;

  /* Tipografía básica */
  --font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen,
    Ubuntu, Cantarell, sans-serif;
  --font-size-sm: 12px;
  --font-size-base: 14px;
  --font-size-lg: 16px;
  --font-size-2xl: 20px;
  --font-weight-medium: 500;
  --font-weight-semibold: 600;

  /* Otros */
  --border-radius: 6px;
  --border-radius-lg: 12px;
  --border-color: #e5e7eb;
  --bg-secondary: #f8fafc;
  --text-white: #ffffff;
  --shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.1),
    0 2px 4px -1px rgba(0, 0, 0, 0.06);
  --transition-normal: 0.2s ease;
}