/* assets/brand.css - Migo Rooms Official Brand System & Design Tokens */

:root {
  /* Brand Palette */
  --migo-primary-purple: #2E1A42;
  --migo-primary-purple-dark: #1E102C;
  --migo-primary-purple-light: #442861;

  --migo-accent-coral: #FF7A4E;
  --migo-accent-coral-hover: #F26738;
  --migo-accent-coral-light: #FFF0EB;

  --migo-support-lime: #C8F36A;
  --migo-support-lime-dark: #A2D437;
  --migo-support-lime-light: #F2FCDA;

  --migo-bg-ivory: #F7F5EE;
  --migo-bg-ivory-tint: #F2EFE6;

  --migo-surface-white: #FFFFFF;
  --migo-surface-lavender: #E4DAEA;
  --migo-surface-lavender-light: #F5F0F8;

  --migo-text-dark: #1F1F1F;
  --migo-text-muted: #575757;
  --migo-text-subtle: #7A7A7A;

  --migo-border-neutral: #E8E3D9;
  --migo-border-lavender: #DCD0E4;

  /* Typography Weights: Refined & balanced (less heavy) */
  --weight-regular: 400;
  --weight-medium: 500;
  --weight-semibold: 600;
  --weight-bold: 700;
}

/* Base Body Styles */
.migo-app-body {
  background-color: var(--migo-bg-ivory) !important;
  color: var(--migo-text-dark) !important;
}

/* Background utilities */
.bg-migo-ivory { background-color: var(--migo-bg-ivory) !important; }
.bg-migo-ivory-tint { background-color: var(--migo-bg-ivory-tint) !important; }
.bg-migo-purple { background-color: var(--migo-primary-purple) !important; }
.bg-migo-purple-dark { background-color: var(--migo-primary-purple-dark) !important; }
.bg-migo-coral { background-color: var(--migo-accent-coral) !important; }
.bg-migo-coral-light { background-color: var(--migo-accent-coral-light) !important; }
.bg-migo-lime { background-color: var(--migo-support-lime) !important; }
.bg-migo-lime-light { background-color: var(--migo-support-lime-light) !important; }
.bg-migo-lavender { background-color: var(--migo-surface-lavender) !important; }
.bg-migo-lavender-light { background-color: var(--migo-surface-lavender-light) !important; }

/* Text utilities */
.text-migo-purple { color: var(--migo-primary-purple) !important; }
.text-migo-coral { color: var(--migo-accent-coral) !important; }
.text-migo-dark { color: var(--migo-text-dark) !important; }
.text-migo-muted { color: var(--migo-text-muted) !important; }
.text-migo-subtle { color: var(--migo-text-subtle) !important; }
.text-migo-lime-dark { color: #5B8015 !important; }

/* Border utilities */
.border-migo-border { border-color: var(--migo-border-neutral) !important; }
.border-migo-lavender { border-color: var(--migo-border-lavender) !important; }
.border-migo-purple { border-color: var(--migo-primary-purple) !important; }
.border-migo-coral { border-color: var(--migo-accent-coral) !important; }

/* Action Buttons */
.btn-migo-primary {
  background-color: var(--migo-accent-coral);
  color: #FFFFFF !important;
  font-weight: 600;
  border-radius: 0.75rem;
  transition: all 0.15s ease-in-out;
}
.btn-migo-primary:hover {
  background-color: var(--migo-accent-coral-hover);
}

.btn-migo-secondary {
  background-color: var(--migo-surface-white);
  color: var(--migo-primary-purple) !important;
  border: 1px solid var(--migo-border-lavender);
  font-weight: 600;
  border-radius: 0.75rem;
  transition: all 0.15s ease-in-out;
}
.btn-migo-secondary:hover {
  background-color: var(--migo-surface-lavender-light);
}

.btn-migo-brand {
  background-color: var(--migo-primary-purple);
  color: #FFFFFF !important;
  font-weight: 600;
  border-radius: 0.75rem;
  transition: all 0.15s ease-in-out;
}
.btn-migo-brand:hover {
  background-color: var(--migo-primary-purple-dark);
}

/* Savings & Discount Badges */
.badge-migo-savings {
  background-color: var(--migo-support-lime) !important;
  color: var(--migo-text-dark) !important;
  font-weight: 700;
  border: 1px solid var(--migo-support-lime-dark);
  border-radius: 0.375rem;
}