:root {
  --simbacloud-primary: #2563eb;
  --simbacloud-accent: #b4232a;
  --simbacloud-ink: #111827;
  --simbacloud-muted: #64748b;
  --simbacloud-line: rgba(15, 23, 42, 0.1);
}

html,
body {
  background: #f6f8fb !important;
}

body {
  color: var(--simbacloud-ink);
}

body::before {
  content: "";
  position: fixed;
  inset: 0;
  pointer-events: none;
  background:
    linear-gradient(180deg, rgba(37, 99, 235, 0.12) 0, rgba(246, 248, 251, 0) 280px),
    linear-gradient(90deg, rgba(15, 118, 110, 0.09), rgba(180, 35, 42, 0.07));
}

#root {
  position: relative;
  min-height: 100vh;
}

.hope-container {
  border-radius: 14px !important;
}

.hope-breadcrumb__list {
  color: var(--simbacloud-muted);
}

.hope-button,
.hope-icon-button {
  border-radius: 8px !important;
}

.hope-input,
.hope-textarea,
.hope-select__trigger {
  border-radius: 8px !important;
}

a[href="/"],
a[href="/@manage"],
img[src*="simbacloud-logo"] {
  filter: drop-shadow(0 8px 18px rgba(37, 99, 235, 0.12));
}

.hope-alert,
.hope-modal__content,
.hope-menu__content {
  border-radius: 12px !important;
  border-color: var(--simbacloud-line) !important;
  box-shadow: 0 18px 48px rgba(15, 23, 42, 0.12) !important;
}

.hope-table,
.hope-card,
.hope-box {
  border-color: var(--simbacloud-line);
}

.hope-anchor {
  color: var(--simbacloud-primary);
}

@media (max-width: 640px) {
  .hope-container {
    border-radius: 10px !important;
  }
}