/*
 * THEME.CSS
 * =========
 *
 * Brand and design-specific styles for the Entradas hotel system.
 * This file contains purely stylistic decisions (colors, themes, etc.)
 * that are not generic utilities.
 *
 * For functional utilities (spacing, layout), see utilities.css
 */

/* ===========================
   THEME COLOR VARIABLES
   =========================== */

:root {
  /* Room selection theme - soft blue palette */
  --theme-room-bg: #e8f4f8;
  --theme-room-text: #2c5282;
  --theme-room-border: #bee3f8;
}

/* ===========================
   ROOM SELECTION BOXES
   =========================== */

/*
 * Custom styling for room type selection boxes in booking forms.
 * Uses a soft blue color scheme to differentiate from standard boxes.
 */

.box.is-room-selection {
  background-color: var(--theme-room-bg);
  border: 1px solid var(--theme-room-border);
}

.box.is-room-selection .label,
.box.is-room-selection .subtitle,
.box.is-room-selection .title {
  color: var(--theme-room-text);
}

/* Alternative: individual utility classes if more flexibility needed */
.u-room-bg {
  background-color: var(--theme-room-bg);
}

.u-room-text {
  color: var(--theme-room-text);
}

/* ===========================
   FUTURE THEME EXTENSIONS
   =========================== */

/*
 * Add brand-specific themes here:
 * - Hotel-specific color schemes
 * - Custom card variants
 * - Special notification styles
 * - Brand-specific typography
 */