:root {
  --bg-primary: #f4f4f5;
  --bg-secondary: #ffffff;
  --bg-tertiary: #ececee;
  --text-main: #0a0a0a;
  --text-muted: #525252;
  --border-subtle: #e5e7eb;
  --gold-accent: #B8860B;
  --gold-dark: #8B6914;
  --gold-light: #F4EEDB;
}

html.dark {
  --bg-primary: #0a0a0a;
  --bg-secondary: #151515;
  --bg-tertiary: #1E1E1E;
  --text-main: #f5f5f5;
  --text-muted: #a3a3a3;
  --border-subtle: #262626;
  --gold-accent: #D4AF37;
  --gold-dark: #AA882E;
  --gold-light: #F4EEDB;
}

.text-paksun-gold {
  color: var(--gold-accent) !important;
}

.hover\:text-paksun-gold:hover {
  color: var(--gold-accent) !important;
}

.bg-paksun-warmwhite {
  background-color: #f4f4f5 !important;
}

.border-paksun-border {
  border-color: var(--border-subtle) !important;
}

.login-brand-pane {
  background: #050505;
}

.login-form-pane {
  background: #ffffff;
}

html.dark .login-form-pane {
  background: #1a1a1a;
}

.site-mark {
  width: 2.75rem;
  height: 2.75rem;
  border-radius: 0.55rem;
  overflow: hidden;
  display: grid;
  place-items: center;
  flex-shrink: 0;
  background: #111;
  border: 1px solid rgba(212, 175, 55, 0.6);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.12);
}

.site-mark.has-logo {
  border: 0;
  box-shadow: none;
  background: transparent;
}

.site-mark--sm {
  width: 2.5rem;
  height: 2.5rem;
  border-radius: 0.5rem;
}

.site-mark img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.site-mark__fallback {
  font-family: "Playfair Display", Georgia, serif;
  font-weight: 700;
  color: #d4af37;
  font-size: 1.15rem;
  line-height: 1;
}

.brand-lockup {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  min-width: 0;
  line-height: 1;
}

.brand-lockup__name {
  display: block;
  line-height: 1.05;
}

.brand-lockup__tag {
  display: block;
  margin: 0;
  line-height: 1.15;
}

body {
  background-color: var(--bg-primary);
  color: var(--text-main);
  font-family: "Inter", system-ui, sans-serif;
  transition: background-color 0.25s ease, color 0.25s ease;
  overflow-x: hidden;
  -webkit-tap-highlight-color: transparent;
}

img.stone-img,
.stone-media img {
  filter: none !important;
  opacity: 1 !important;
}

@media (min-width: 768px) {
  ::-webkit-scrollbar {
    width: 6px;
  }
  ::-webkit-scrollbar-track {
    background: var(--bg-primary);
  }
  ::-webkit-scrollbar-thumb {
    background: #D4AF37;
    border-radius: 3px;
  }
  ::-webkit-scrollbar-thumb:hover {
    background: #AA882E;
  }
}

@media (max-width: 767px) {
  html::-webkit-scrollbar,
  body::-webkit-scrollbar {
    width: 6px;
  }
  html::-webkit-scrollbar-track,
  body::-webkit-scrollbar-track {
    background: var(--bg-primary);
  }
  html::-webkit-scrollbar-thumb,
  body::-webkit-scrollbar-thumb {
    background: #D4AF37;
    border-radius: 3px;
  }
}

@media (prefers-reduced-motion: reduce) {
  *, ::before, ::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }
}