@import url('rathor-theme-rest-a.css');
@import url('rathor-theme-rest-b.css');
@import url('rathor-light-desert.css');

/* rathor-theme.css — uniform lattice look + standalone RTL clip */
:root,
html[data-theme="dark"] {
  color-scheme: dark;
  --rt-bg: #050505;
  --rt-bg-elev: #0d0b08;
  --rt-bg-card: #10100c;
  --rt-ink: #f6f1e4;
  --rt-muted: rgba(246, 241, 228, 0.68);
  --rt-faint: rgba(246, 241, 228, 0.46);
  --rt-gold: #f0d36a;
  --rt-gold-hot: #f5c84a;
  --rt-gold-deep: #c9a227;
  --rt-line: rgba(240, 211, 106, 0.34);
  --rt-line-soft: rgba(240, 211, 106, 0.18);
  --rt-wash: rgba(240, 211, 106, 0.08);
  --rt-shadow: 0 18px 44px -20px rgba(201, 162, 39, 0.38);
  --rt-on-gold: #111111;
  --rt-nav-bg: rgba(5, 5, 5, 0.9);
}
html[data-theme="light"] {
  color-scheme: light;
  --rt-bg: #f0d7a8;
  --rt-bg-elev: #f6e4bc;
  --rt-bg-card: #fff4dc;
  --rt-ink: #241a10;
  --rt-muted: #4a3b28;
  --rt-faint: #5c4a32;
  --rt-gold: #4e350c;
  --rt-gold-hot: #d47818;
  --rt-gold-deep: #3d2a08;
  --rt-line: rgba(36, 26, 16, 0.2);
  --rt-line-soft: rgba(36, 26, 16, 0.12);
  --rt-wash: rgba(212, 120, 24, 0.1);
  --rt-shadow: 0 14px 28px -16px rgba(36, 26, 16, 0.24);
  --rt-on-gold: #fff8ed;
  --rt-nav-bg: rgba(246, 228, 188, 0.94);
}
html {
  background: var(--rt-bg);
  overflow-x: clip;
  max-width: 100%;
  width: 100%;
}
html, body {
  overflow-x: clip;
  overscroll-behavior-x: none;
  max-width: 100%;
}
@media (display-mode: standalone), (display-mode: fullscreen) {
  html, body {
    overflow-x: clip !important;
    overscroll-behavior-x: none;
    max-width: 100% !important;
    width: 100%;
  }
}
#rt-skip-family {
  position: fixed !important;
  top: 0;
  left: 0;
  inset-inline-start: 0;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  clip-path: inset(50%) !important;
  white-space: nowrap;
  border: 0;
  z-index: 60;
  color: transparent;
  background: transparent;
}
#rt-skip-family:focus,
#rt-skip-family:focus-visible {
  width: auto !important;
  height: auto !important;
  margin: 0 !important;
  padding: 0.4rem 0.7rem !important;
  clip: auto !important;
  clip-path: none !important;
  overflow: visible !important;
  top: 0.5rem;
  inset-inline-start: 0.5rem;
  left: auto;
  color: #000;
  background: #fbbf24;
  font: 600 12px/1.2 system-ui, sans-serif;
  border-radius: 0.35rem;
}
html[data-theme] body,
html[data-theme] body.bg-black {
  background: var(--rt-bg) !important;
  color: var(--rt-ink) !important;
}