@import url('https://fonts.googleapis.com/css2?family=Shippori+Mincho:wght@500;600;700&family=Zen+Kaku+Gothic+New:wght@500;700;900&display=swap');

:root {
  --lagoon: #2a1420;
  --foam: #f6efe4;
  --coral: #c23b3b;
  --ink: #2a1c16;
  --muted: #7a6558;
  --gold: #e4b15a;
  --cyan: #f0d7a2;
  --teal: #c45c4a;
  --violet: #8d3d55;
  --mf-cyan: #e4b15a;
  --mf-cyan-deep: #b8862f;
  --mf-field: rgba(255, 244, 224, 0.22);
  --mf-field-border: rgba(255, 232, 190, 0.55);
}

body.mf-home,
body.mf-team,
body.mf-app,
body.mf-auth {
  font-family: 'Zen Kaku Gothic New', 'Segoe UI', sans-serif;
  color: var(--ink);
  background:
    radial-gradient(90% 40% at 50% -8%, rgba(226, 164, 92, 0.28), transparent 60%),
    linear-gradient(180deg, #f8f1e6 0%, #f3e6d4 42%, #efe0cf 100%);
}

body.mf-auth--login,
body.mf-auth--register {
  color: #fff8ee;
  background:
    linear-gradient(180deg, rgba(28, 12, 22, 0.2) 0%, rgba(42, 16, 24, 0.55) 100%),
    url('dawn.svg') center top / cover no-repeat,
    #1a1020;
}

.mf-ocean,
.mf-team-hero,
.mf-banner {
  background:
    linear-gradient(180deg, rgba(26, 10, 18, 0.15) 0%, rgba(42, 16, 28, 0.82) 100%),
    url('dawn.svg') center top / cover no-repeat !important;
}

.mf-banner::before,
.mf-banner::after {
  background-image: url('mark.svg') !important;
  opacity: 0.22;
}

.mf-ocean__glow {
  background: radial-gradient(circle, rgba(244, 196, 122, 0.55) 0%, transparent 70%);
}

.mf-hello__name,
.mf-team-hero__title,
.mf-hero__title,
.mf-top__title,
.mf-about-brand__title,
.admin-page-title,
.admin-login-brand h1 {
  font-family: 'Shippori Mincho', Georgia, serif;
  letter-spacing: 0.03em;
}

.mf-live-pill {
  color: #3a2414;
  background: linear-gradient(180deg, #fff1c9, #e4b15a);
  box-shadow: 0 4px 0 #8d6230, 0 8px 16px rgba(0, 0, 0, 0.28);
}

.mf-card-3d,
.mf-tide,
.mf-raft,
.mf-dock,
.mf-mine-tile,
.mf-plan-card,
.mf-order-card {
  border: 1px solid rgba(196, 92, 74, 0.12);
  box-shadow:
    0 10px 0 rgba(42, 20, 22, 0.08),
    0 16px 28px rgba(42, 20, 22, 0.12);
}

.tff-bottom-nav,
.mf-tabbar {
  background: linear-gradient(180deg, #3a2030 0%, #1c1018 100%) !important;
  border: 1px solid rgba(228, 177, 90, 0.35);
  box-shadow: 0 12px 28px rgba(28, 10, 16, 0.4);
}

.tff-bottom-nav__item.is-active,
.mf-tabbar a.is-on {
  color: #f0d7a2 !important;
}

.tff-bottom-nav__label--brand {
  color: #f6e7c1 !important;
}

.mf-btn,
button.mf-btn,
.mf-mine-ref__btn--gold {
  background: linear-gradient(180deg, #f0d7a2, #c23b3b) !important;
  color: #fffaf3 !important;
  border: 0;
  box-shadow: 0 8px 0 #7a2430;
}

svg.mf-wave path,
svg.mf-team-wave path {
  fill: #f6efe4 !important;
}

.mf-stage-curtain {
  background:
    linear-gradient(180deg, rgba(246, 239, 228, 0.72) 0%, rgba(246, 239, 228, 0.94) 100%),
    var(--mf-stage-bg, none) center top / cover no-repeat !important;
}

.mf-tag {
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: #f6e7c1;
}

body.admin-body,
body.admin-login-body {
  --admin-bg: #140e14;
  --admin-surface: #241820;
  --admin-surface-2: #2e1e28;
  --admin-accent: #e4b15a;
  --admin-accent-2: #f0d7a2;
  --admin-text: #fff6ea;
  --admin-font: 'Zen Kaku Gothic New', 'Segoe UI', sans-serif;
  background:
    radial-gradient(ellipse 70% 45% at 0% 0%, rgba(194, 59, 59, 0.22), transparent 55%),
    radial-gradient(ellipse 50% 40% at 100% 100%, rgba(228, 177, 90, 0.16), transparent 50%),
    #140e14 !important;
}

.admin-sidebar {
  background: linear-gradient(180deg, #2a1822 0%, #140e14 100%) !important;
  border-right-color: rgba(228, 177, 90, 0.18) !important;
}

.admin-brand strong,
.admin-login-brand h1 {
  font-family: 'Shippori Mincho', Georgia, serif;
}