/* Shared white-tone refresh for non-admin surfaces */
body:not(.admin-theme):not(.custom-whitetone-page) {
  --background: hsl(210, 36%, 98.8%);
  --foreground: hsl(220, 18%, 16%);
  --card: rgba(255, 255, 255, 0.97);
  --card-foreground: hsl(220, 18%, 16%);
  --primary: hsl(18, 85%, 60%);
  --primary-foreground: hsl(0, 0%, 100%);
  --secondary: hsl(168, 45%, 65%);
  --secondary-foreground: hsl(168, 56%, 22%);
  --muted: hsl(210, 28%, 95.4%);
  --muted-foreground: hsl(216, 12%, 45%);
  --accent: hsl(210, 28%, 95.6%);
  --accent-foreground: hsl(220, 18%, 16%);
  --border: hsl(214, 21%, 88%);
  --ring: hsl(18, 85%, 60%);
  --warm-cream: hsl(210, 42%, 97.6%);
  --warm-beige: hsl(210, 34%, 94.7%);
  --coral-light: hsl(18, 90%, 96.2%);
  --mint-light: hsl(168, 42%, 94.2%);
  --shadow-soft: 0 12px 24px -24px rgba(15, 23, 42, 0.45);
  --shadow-card: 0 28px 52px -40px rgba(15, 23, 42, 0.22);
  --shadow-elevated: 0 38px 64px -46px rgba(15, 23, 42, 0.28);
  background:
    radial-gradient(circle at top, rgba(255, 255, 255, 0.98), transparent 36%),
    linear-gradient(180deg, #ffffff 0%, #f8fbff 58%, var(--background) 100%) !important;
  color: var(--foreground);
}

body:not(.admin-theme):not(.custom-whitetone-page) header,
body:not(.admin-theme):not(.custom-whitetone-page) .site-header {
  background: rgba(255, 255, 255, 0.92) !important;
  border-bottom-color: rgba(218, 226, 236, 0.82) !important;
  box-shadow: 0 18px 36px -34px rgba(15, 23, 42, 0.24);
}

body:not(.admin-theme):not(.custom-whitetone-page) footer {
  background: linear-gradient(180deg, rgba(251, 253, 255, 0.94), rgba(245, 248, 252, 0.98)) !important;
  border-top-color: rgba(218, 226, 236, 0.72) !important;
}

body:not(.admin-theme):not(.custom-whitetone-page) .hero-decorative-1 {
  background: rgba(240, 127, 69, 0.14) !important;
}

body:not(.admin-theme):not(.custom-whitetone-page) .hero-decorative-2 {
  background: rgba(89, 174, 163, 0.16) !important;
}

body:not(.admin-theme):not(.custom-whitetone-page) .stat-card {
  background: rgba(255, 255, 255, 0.78) !important;
  border-color: rgba(218, 226, 236, 0.88) !important;
  box-shadow: 0 20px 36px -34px rgba(15, 23, 42, 0.24);
  backdrop-filter: blur(10px);
}

body:not(.admin-theme):not(.custom-whitetone-page) .animal-card,
body:not(.admin-theme):not(.custom-whitetone-page) .shelter-card,
body:not(.admin-theme):not(.custom-whitetone-page) .modal-content,
body:not(.admin-theme):not(.custom-whitetone-page) .modal-card,
body:not(.admin-theme):not(.custom-whitetone-page) .filter-input,
body:not(.admin-theme):not(.custom-whitetone-page) .search-box input,
body:not(.admin-theme):not(.custom-whitetone-page) .filter-btn,
body:not(.admin-theme):not(.custom-whitetone-page) .view-toggle button,
body:not(.admin-theme):not(.custom-whitetone-page) .day-card,
body:not(.admin-theme):not(.custom-whitetone-page) .booking-board,
body:not(.admin-theme):not(.custom-whitetone-page) .comment-item,
body:not(.admin-theme):not(.custom-whitetone-page) .shelter-link,
body:not(.admin-theme):not(.custom-whitetone-page) .calendar-wrap,
body:not(.admin-theme):not(.custom-whitetone-page) .post-cover,
body:not(.admin-theme):not(.custom-whitetone-page) .post-text img,
body:not(.admin-theme):not(.custom-whitetone-page) .post-gallery img {
  border-color: rgba(218, 226, 236, 0.92) !important;
  box-shadow: 0 22px 40px -36px rgba(15, 23, 42, 0.22);
}

body.kakao-chat-page {
  --bg: #f7f9fc;
  --card: #ffffff;
  --line: #dce4ed;
  --text: #1f2937;
  --muted: #5f6b7a;
  --accent: #ef7f43;
  --accent-strong: #d96b31;
  --accent-soft: #eef5ff;
  background:
    radial-gradient(circle at top left, rgba(239, 127, 67, 0.1), transparent 28%),
    radial-gradient(circle at bottom right, rgba(73, 163, 122, 0.08), transparent 24%),
    linear-gradient(180deg, #ffffff 0%, #f6f9fd 100%) !important;
}

body.kakao-chat-page .shell,
body.kakao-chat-page .card,
body.kakao-chat-page .account,
body.kakao-chat-page .selector,
body.kakao-chat-page .status {
  background: rgba(255, 255, 255, 0.96) !important;
  border-color: rgba(220, 228, 237, 0.94) !important;
  box-shadow: 0 22px 46px -40px rgba(15, 23, 42, 0.18);
}

body.kakao-chat-page .eyebrow {
  background: var(--accent-soft) !important;
  color: var(--accent-strong) !important;
}

body.kakao-chat-page .btn-ghost {
  background: #f8fafc !important;
  border-color: rgba(220, 228, 237, 0.94) !important;
  color: #5f6b7a !important;
}

body.post-compose-page {
  --bg: #f7f9fc;
  --paper: #ffffff;
  --line: #dde5ef;
  --line-strong: #ced7e3;
  --text: #1f2937;
  --muted: #64748b;
  --soft: #f8fbff;
  --soft-green: #eff8f3;
  --shadow: 0 24px 48px -36px rgba(15, 23, 42, 0.24);
  background: linear-gradient(180deg, #ffffff 0%, #f7f9fc 100%) !important;
}

body.post-compose-page .topbar,
body.post-compose-page .toolbar,
body.post-compose-page .mobile-dock {
  background: rgba(255, 255, 255, 0.92) !important;
  border-color: rgba(221, 229, 239, 0.92) !important;
  box-shadow: 0 16px 32px -34px rgba(15, 23, 42, 0.24);
}

body.post-compose-page .editor-shell {
  border-left-color: rgba(221, 229, 239, 0.94) !important;
  border-right-color: rgba(221, 229, 239, 0.94) !important;
  box-shadow: 0 28px 50px -44px rgba(15, 23, 42, 0.22);
}

body.post-compose-page .ghost-btn:hover,
body.post-compose-page .secondary-btn:hover {
  background: #eef3f9 !important;
}

body.policy-page {
  --bg: #f8fbff;
  --card: #ffffff;
  --text: #1f2937;
  --muted: #5f6b7a;
  --border: #dbe4ee;
  --primary: #f47f53;
  background: linear-gradient(180deg, #ffffff 0%, #f7f9fc 100%) !important;
}

body.policy-page .card {
  border-color: rgba(219, 228, 238, 0.94) !important;
  box-shadow: 0 24px 48px -40px rgba(15, 23, 42, 0.18);
}

body.partner-hospital-page {
  --bg: #f5f9fd;
  --bg-deep: #eef4fb;
  --surface: #ffffff;
  --surface-strong: #ffffff;
  --surface-soft: rgba(255, 255, 255, 0.82);
  --text: #1f2937;
  --muted: #5f6b7a;
  --line: #dde6f0;
  --line-strong: #cfdae7;
  background:
    radial-gradient(circle at top right, rgba(139, 192, 177, 0.1), transparent 28%),
    radial-gradient(circle at 12% 10%, rgba(235, 125, 67, 0.08), transparent 18%),
    linear-gradient(180deg, #ffffff 0%, var(--bg) 48%, var(--bg-deep) 100%) !important;
}

body.partner-hospital-page .site-header {
  background: rgba(255, 255, 255, 0.84) !important;
  border-bottom-color: rgba(221, 230, 240, 0.88) !important;
  box-shadow: 0 18px 36px -34px rgba(15, 23, 42, 0.2);
}

body.partner-hospital-page .crumb,
body.partner-hospital-page .status-pill {
  background: rgba(255, 255, 255, 0.9) !important;
  border-color: rgba(221, 230, 240, 0.92) !important;
}

body.partner-hospital-page .page-shell::before {
  background: rgba(235, 125, 67, 0.1) !important;
}

body.partner-hospital-page .page-shell::after {
  background: rgba(139, 192, 177, 0.12) !important;
}