/* Textile "silk and zari" layer — loaded by textile/includes/silk_theme.php on staff pages (html.silk). */
html.silk {
  --silk-maroon: #7A1F2B;
  --silk-zari: #C9A34A;
  --silk-zari-lt: #E6CB7E;
  --silk-zari-strip: repeating-linear-gradient(90deg, #C9A34A 0 10px, #E6CB7E 10px 14px, #C9A34A 14px 24px, #7A1F2B 24px 26px);
}

html.silk body,
html.silk button,
html.silk input,
html.silk select,
html.silk textarea {
  font-family: "Hind Madurai", Inter, system-ui, sans-serif;
}

html.silk h1,
html.silk h2,
html.silk .brand b,
html.silk .page-title,
html.silk .navbar .brand-name {
  font-family: Marcellus, Georgia, serif !important;
  font-weight: 400 !important;
  letter-spacing: .005em;
}

html.silk .kpi strong,
html.silk .stat-value,
html.silk .code {
  font-family: "Hind Madurai", system-ui, sans-serif !important;
  font-weight: 700;
  font-variant-numeric: tabular-nums;
}

/* Zari border under the top bar */
html.silk .navbar,
html.silk .topbar {
  border-bottom: 3px solid transparent !important;
  border-image: var(--silk-zari-strip) 1 !important;
}

/* Sentence case everywhere; capital-letter labels read as shouting on a shop counter */
html.silk [class],
html.silk label,
html.silk th,
html.silk h3,
html.silk h4,
html.silk h5 {
  text-transform: none !important;
}
html.silk .tag,
html.silk th,
html.silk .label,
html.silk .kpi span,
html.silk .stat-label {
  letter-spacing: 0 !important;
}

html.silk :focus-visible {
  outline: 2px solid var(--silk-zari);
  outline-offset: 2px;
}

@media (prefers-reduced-motion: reduce) {
  html.silk *, html.silk *::before, html.silk *::after {
    animation-duration: .001ms !important;
    transition-duration: .001ms !important;
  }
}