/* ==========================
   EventSync Shared Styles
   ========================== */

/* Brand palette */
:root {
  --es-primary: #6E2ECF;   /* purple */
  --es-accent: #F2B705;    /* yellow */
  --es-teal: #11A7B3;      /* teal */
  --es-pink: #E81F76;      /* magenta */
  --es-ink: #1F2A37;       /* dark text */
}

body {
  background: #f7f8fb;
  color: var(--es-ink);
}

/* Modern light navbar */
.navbar {
  --bs-navbar-brand-color: var(--es-ink);
  --bs-navbar-brand-hover-color: var(--es-ink);
  --bs-navbar-color: #4b5563;
  --bs-navbar-hover-color: var(--es-primary);
  background: #ffffff;
  border-bottom: 1px solid rgba(15, 23, 42, .06);
  backdrop-filter: saturate(180%) blur(6px);
  box-shadow: 0 6px 24px rgba(15, 23, 42, .06);
}

.navbar-brand img {
  height: 56px;
  width: auto;
}

.navbar .nav-link {
  border-radius: 999px;
  padding: .5rem .9rem;
  transition: .2s ease;
  font-weight: 500;
}

.navbar .nav-link.active,
.navbar .nav-link:hover {
  background: rgba(110, 46, 207, .1);
  color: var(--es-primary) !important;
}

.btn-logout {
  border-radius: 999px;
  font-weight: 600;
  border: none;
  color: #fff;
  background: linear-gradient(90deg, var(--es-pink), var(--es-accent));
}

/* Card polish */
.card {
  border: 1px solid rgba(15, 23, 42, .06);
  border-radius: 1rem;
  box-shadow: 0 8px 28px rgba(15, 23, 42, .08);
}

/* Headings */
h2 {
  font-weight: 700;
  letter-spacing: .2px;
  color: var(--es-ink);
}