/* FS-only theme derived from the supplied 木瓜 character mark. */
:root {
  --fs-logo-blue: #617c68;
  --fs-logo-blue-deep: #3e5748;
  --fs-logo-blue-bright: #91a892;
  --fs-logo-blue-rgb: 97, 124, 104;
}

.app-shell {
  background: #f3f5f2;
}

.app-shell::before {
  top: 27%;
  opacity: 0.34;
}

.app-shell::after {
  opacity: 0.32;
  background:
    radial-gradient(circle at 42% 42%, rgba(126, 146, 156, 0.18), transparent 46%),
    repeating-radial-gradient(circle, transparent 0 42px, rgba(97, 124, 104, 0.08) 43px 44px, transparent 45px 68px);
}

.hero {
  min-height: 170px;
  background: #e9efea;
  box-shadow: 0 14px 32px rgba(62, 87, 72, 0.12);
}

.hero::before {
  opacity: 0.3;
  background-image:
    radial-gradient(circle, rgba(97, 124, 104, 0.36) 1.1px, transparent 1.8px),
    radial-gradient(circle, rgba(105, 128, 143, 0.25) 1px, transparent 1.6px);
}

.brand {
  min-height: 116px;
  gap: 0;
}

.brand-logo {
  width: 118px;
  border-radius: 0;
  filter: drop-shadow(0 6px 12px rgba(62, 87, 72, 0.16));
}

.panel,
.today-card {
  border-color: #cdd9ce;
  border-radius: 10px;
  box-shadow: 0 14px 34px rgba(66, 82, 72, 0.09);
}