/* ReadyCue startup skin: calm, low-distraction, Bootstrap-compatible. */
:root {
  --readycue-surface: #f7fbfb;
  --readycue-soft: #eef7f5;
}

body {
  background: var(--readycue-surface);
}

.navbar {
  background: #315f66;
}

.navbar-brand,
.navbar .nav-link,
.navbar .btn-outline-light {
  color: #fff;
}

.readycue-hero {
  background: linear-gradient(135deg, #ffffff 0%, var(--readycue-soft) 100%);
}

.btn-primary {
  --bs-btn-bg: #315f66;
  --bs-btn-border-color: #315f66;
  --bs-btn-hover-bg: #284f55;
  --bs-btn-hover-border-color: #284f55;
}

.readycue-manager-subnav {
  align-items: center;
}

.readycue-manager-subnav .btn {
  min-height: 2.5rem;
}