:root {
  --ink: #071532;
  --muted: #64738d;
  --line: #dbe5f4;
  --paper: #f7faff;
  --blue: #1f58ff;
  --blue-deep: #071d5f;
  --blue-mid: #123bb8;
  --navy: #0b1f4f;
  --teal: #3bd6e8;
  --soft-blue: #edf5ff;
  --shadow: 0 24px 70px rgba(7, 21, 50, .16);
}

body {
  background: linear-gradient(180deg, #ffffff 0%, #f6f9ff 48%, #ffffff 100%);
}

.site-header {
  background: rgba(6, 18, 50, .94);
  border-bottom-color: rgba(255, 255, 255, .11);
}

.brand {
  padding: 7px 12px;
  border-radius: 8px;
  background: #fff;
}

.nav-links {
  color: rgba(255, 255, 255, .82);
}

.header-action {
  background: #fff;
  color: var(--blue-deep);
  box-shadow: 0 14px 28px rgba(3, 11, 35, .22);
}

.header-action:hover {
  background: #f4f8ff;
  box-shadow: 0 16px 30px rgba(3, 11, 35, .28);
}

.hero {
  color: #fff;
  background:
    radial-gradient(circle at 19% 24%, rgba(73, 118, 255, .55), transparent 24rem),
    radial-gradient(circle at 86% 16%, rgba(59, 214, 232, .16), transparent 23rem),
    linear-gradient(135deg, #071b55 0%, #123bb8 47%, #2155ff 100%);
}

.hero-lede {
  color: rgba(255, 255, 255, .78);
}

.consult-box {
  background: rgba(255, 255, 255, .96);
  border-color: rgba(255, 255, 255, .48);
}

.consult-actions button,
.lawyer-actions button,
.booking-form button,
.lawyer-signup-form button {
  background: var(--blue);
  color: #fff;
  box-shadow: 0 14px 28px rgba(3, 11, 35, .2);
}

.consult-actions button:hover,
.lawyer-actions button:hover,
.booking-form button:hover,
.lawyer-signup-form button:hover {
  background: #1748d6;
  box-shadow: 0 16px 30px rgba(3, 11, 35, .27);
}

.consult-actions span {
  color: #d7e5ff;
}

.hero-visual::before {
  background: linear-gradient(145deg, rgba(255, 255, 255, .14), rgba(59, 214, 232, .1));
  border-color: rgba(255, 255, 255, .2);
}

.floating-card {
  color: var(--ink);
  background: rgba(255, 255, 255, .97);
  border-color: rgba(255, 255, 255, .6);
  box-shadow: 0 18px 44px rgba(3, 11, 35, .18);
}

.trust-strip {
  margin: 0;
  border: 0;
  border-radius: 0;
}

.trust-strip div,
.lawyer-card,
.diagnosis-panel,
.calendar-card,
.lawyer-signup-form,
.modal-card {
  background: #fff;
}

.diagnosis-chip,
.tag-row span,
.calendar-top span {
  background: #edf5ff;
  color: #173f91;
}

.filter-bar button.active,
.flow-grid span,
.toast {
  background: var(--blue-deep);
}

.lawyer-signup {
  background:
    radial-gradient(circle at 87% 14%, rgba(59, 214, 232, .16), transparent 24rem),
    linear-gradient(135deg, #f8fbff 0%, #eef5ff 100%);
}

.signup-benefits span {
  border-color: rgba(31, 88, 255, .18);
}

.professional-panel {
  background:
    radial-gradient(circle at 12% 18%, rgba(31, 88, 255, .46), transparent 25rem),
    linear-gradient(135deg, #061232 0%, #071d5f 48%, #123bb8 100%);
}

.professional-panel .eyebrow,
.eyebrow {
  color: var(--teal);
}