/**
 * ICCINS shared theme
 * Page + cards use hero palette (#2c3e50 navy, #3498db blue)
 * Cards use the reverse gradient (light sky → soft navy tint) for contrast on page bg
 */

:root {
  --iccins-navy: #2c3e50;
  --iccins-blue: #3498db;
  --iccins-blue-soft: #5dade2;
  --iccins-page-bg: #e6eef6;
  --iccins-page-bg-mid: #edf3f9;
  /* Reverse of hero dark→blue: light blue ice → soft slate */
  --iccins-card-grad: linear-gradient(145deg, #f4f9fd 0%, #dcecf8 48%, #e8eef5 100%);
  --iccins-card-grad-hover: linear-gradient(145deg, #eef7fd 0%, #d0e6f6 50%, #e2ebf4 100%);
  --iccins-hero-reverse: linear-gradient(135deg, #3498db 0%, #2c3e50 100%);
  --iccins-surface-border: rgba(52, 152, 219, 0.22);
  --iccins-shadow: 0 8px 22px rgba(44, 62, 80, 0.1);
  --iccins-shadow-hover: 0 12px 28px rgba(44, 62, 80, 0.16);
}

html {
  background-color: var(--iccins-page-bg);
}

body {
  background:
    radial-gradient(ellipse 120% 80% at 50% -20%, rgba(52, 152, 219, 0.14), transparent 55%),
    linear-gradient(165deg, #e3edf6 0%, #edf2f7 45%, #e6eef5 100%) !important;
  background-attachment: fixed !important;
  background-color: var(--iccins-page-bg) !important;
  min-height: 100vh;
}

/* ---------- Cards: reverse hero palette ---------- */
.card,
.member-card,
.list-card,
.content-card,
.template-card,
.guideline-step,
.step-card,
.fee-card,
.conference-card,
.institution-card,
.department-card,
.about-card,
.timeline-card,
.topic-card,
.announcement-item {
  background: var(--iccins-card-grad) !important;
  border: 1px solid var(--iccins-surface-border) !important;
  /* gradient top bar via ::before (reverse hero) */
  border-top: none !important;
  box-shadow: var(--iccins-shadow) !important;
  background-clip: padding-box !important;
  position: relative;
  overflow: hidden;
  transition: transform 0.25s ease, box-shadow 0.25s ease, background 0.25s ease;
}

/* Soft reverse-gradient sheen on cards */
.card::before,
.member-card::before,
.list-card::before,
.content-card::before,
.template-card::before,
.fee-card::before,
.conference-card::before,
.institution-card::before,
.department-card::before,
.about-card::before,
.topic-card::before {
  content: '';
  position: absolute;
  inset: 0 0 auto 0;
  height: 4px;
  background: var(--iccins-hero-reverse);
  z-index: 1;
  pointer-events: none;
}

.card:hover,
.member-card:hover,
.list-card:hover,
.content-card:hover,
.template-card:hover,
.fee-card:hover,
.conference-card:hover,
.topic-card:hover {
  background: var(--iccins-card-grad-hover) !important;
  box-shadow: var(--iccins-shadow-hover) !important;
}

/* Bootstrap card headers: reverse hero gradient (blue → navy) */
.card-header {
  background: var(--iccins-hero-reverse) !important;
  color: #fff !important;
  border-bottom: none !important;
}

.card-header.bg-dark,
.card-header.bg-primary {
  background: var(--iccins-hero-reverse) !important;
  color: #fff !important;
}

.card-body {
  background: transparent !important;
}

/* Soft light sections */
.bg-light {
  background-color: rgba(220, 236, 248, 0.55) !important;
}

.bg-white:not(.navbar):not(.dropdown-menu):not(.modal-content):not(.carousel-item) {
  background: var(--iccins-card-grad) !important;
}

/* Breadcrumb strip */
.breadcrumb {
  background: linear-gradient(90deg, rgba(52, 152, 219, 0.12), rgba(44, 62, 80, 0.06)) !important;
  border: 1px solid var(--iccins-surface-border);
}

/* Dropdown stays solid for readability */
.dropdown-menu {
  background-color: #f4f9fd !important;
  border: 1px solid var(--iccins-surface-border);
}

/* Timeline / accent helpers on index */
.timeline-item::before,
.announcement-item {
  border-left-color: var(--iccins-blue);
}

/* List cards on committee pages */
.list-icon {
  background: var(--iccins-hero-reverse) !important;
}

/* Fee / table surfaces */
.table {
  --bs-table-bg: transparent;
}

.table thead th {
  background: linear-gradient(90deg, rgba(52, 152, 219, 0.18), rgba(44, 62, 80, 0.1)) !important;
  color: var(--iccins-navy);
}