
/* Coral Rose Theme (#fa6e6e)
   - Maps Bootstrap tokens to a coral primary shade
   - Provides gradient navbar + subtle surfaces
*/
:root{
  /* Tonal scale around #fa6e6e */
  --brand-50:#fff6f6;
  --brand-100:#ffe4e4;
  --brand-200:#ffc7c7;
  --brand-300:#ffaaaa;
  --brand-400:#ff8c8c;
  --brand-500:#fa6e6e; /* requested main tone */
  --brand-600:#e45454;
  --brand-700:#cc4242;
  --brand-800:#aa3232;
  --brand-900:#7a2121;

  --bs-primary: var(--brand-500);
  --bs-primary-rgb: 250, 110, 110;
  --bs-link-color: var(--brand-700);
  --bs-link-hover-color: var(--brand-800);
  --bs-body-font-family: "Inter", system-ui, -apple-system, Segoe UI, Roboto, "Helvetica Neue", Arial, "Noto Sans Thai", "Noto Sans", "Liberation Sans", sans-serif;
}

body{ background-color:var(--brand-50); }

/* Navbar */
.navbar-rose{
  background: linear-gradient(90deg, var(--brand-600), var(--brand-400));
  color:#fff;
}
.navbar-rose .navbar-brand, .navbar-rose .nav-link{
  color: #fff;
  font-weight: 600;
}
.navbar-rose .nav-link.active, .navbar-rose .nav-link:hover{
  color:#ffe1e1;
}
.navbar-rose .navbar-text{ color:#ffe1e1; }

/* Buttons */
.btn-primary{
  --bs-btn-bg: var(--brand-600);
  --bs-btn-border-color: var(--brand-600);
  --bs-btn-hover-bg: var(--brand-700);
  --bs-btn-hover-border-color: var(--brand-700);
  --bs-btn-active-bg: var(--brand-800);
  --bs-btn-active-border-color: var(--brand-800);
  --bs-btn-disabled-bg: var(--brand-300);
  --bs-btn-disabled-border-color: var(--brand-300);
}
.btn-outline-primary{
  --bs-btn-color: var(--brand-700);
  --bs-btn-border-color: var(--brand-500);
  --bs-btn-hover-bg: var(--brand-500);
  --bs-btn-hover-border-color: var(--brand-500);
}

/* Form controls */
.form-control:focus, .form-select:focus{
  border-color: var(--brand-400);
  box-shadow: 0 0 0 .25rem rgba(var(--bs-primary-rgb), .2);
}

/* Cards */
.card{
  border: 1px solid rgba(var(--bs-primary-rgb), .2);
  border-radius: 1rem;
  box-shadow: 0 10px 24px rgba(0,0,0,.05);
}
.card-rose{
  background: linear-gradient(180deg, #fff, var(--brand-50));
}

/* Badges for statuses */
.badge-pending{ background: var(--brand-300); color:#5f2c3a; }
.badge-approved{ background: #22c55e; }  /* green */
.badge-rejected{ background: #ef4444; }  /* red */

/* Tables */
.table thead th{
  background: var(--brand-100);
  color: #3a2c33;
  border-bottom-color: var(--brand-200);
}
.table tbody tr:hover{ background: #fff7f9; }

/* Utilities */
.text-rose{ color: var(--brand-700)!important; }
.bg-rose-50{ background: var(--brand-50)!important; }
.rounded-2xl{ border-radius: 1.25rem!important; }

/* Room grid mild polish (if present) */
.room-card{
  border: 1px solid rgba(var(--bs-primary-rgb), .25);
  transition: transform .15s ease, box-shadow .15s ease;
}
.room-card:hover{
  transform: translateY(-2px);
  box-shadow: 0 8px 20px rgba(var(--bs-primary-rgb), .25);
}
.room-card .badge{ border-radius: 999px; padding:.4rem .6rem; }
