/* Shared website palette – saffron / kesari identity for Jain spiritual site */
:root {
  --brand: #D4922A;
  --brand-rgb: 212, 146, 42;
  --brand-action: #B87A1E;
  --brand-hover: #9A6618;
  --brand-plum: #2C1A0E;
  --brand-ink: #33261A;
  --brand-muted: #7A6A58;
  --brand-surface: #FDF8F1;
  --brand-soft: #FAF0E0;
  --brand-border: #E8D5BE;
  --brand-light: #F0C878;
  --bs-primary: var(--brand-action);
  --bs-primary-rgb: 184, 122, 30;
  --bs-body-color: var(--brand-ink);
  --bs-link-color: var(--brand-action);
  --bs-link-hover-color: var(--brand-hover);
  --bs-border-color: var(--brand-border);
  --theme-light-background: var(--brand-surface);
}

::selection { background: var(--brand-plum); color: #fff; }
body { color: var(--brand-muted); background: #fff; }
a, button, input, select, textarea {
  -webkit-tap-highlight-color: rgba(var(--brand-rgb), .15);
}
a:focus-visible, button:focus-visible, input:focus-visible,
select:focus-visible, textarea:focus-visible, [tabindex]:focus-visible {
  outline: 3px solid var(--brand-action);
  outline-offset: 4px;
}
input, select, textarea { accent-color: var(--brand-action); }
.form-control, .form-select { color: var(--brand-ink); border-color: var(--brand-border); }
.form-control:focus, .form-select:focus {
  border-color: var(--brand);
  box-shadow: 0 0 0 .25rem rgba(var(--brand-rgb), .16);
}
.form-control::placeholder, .front-auth-input::placeholder { color: var(--brand-muted); opacity: 1; }
.btn-primary, .btn-outline-primary {
  --bs-btn-color: #fff;
  --bs-btn-bg: var(--brand-action);
  --bs-btn-border-color: var(--brand-action);
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: var(--brand-hover);
  --bs-btn-hover-border-color: var(--brand-hover);
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: var(--brand-plum);
  --bs-btn-active-border-color: var(--brand-plum);
  --bs-btn-disabled-bg: var(--brand-action);
  --bs-btn-disabled-border-color: var(--brand-action);
  --bs-btn-focus-shadow-rgb: 212, 146, 42;
}
.btn-outline-primary { --bs-btn-color: var(--brand-action); --bs-btn-bg: transparent; }
.theme-btn { box-shadow: 0 6px 18px rgba(var(--brand-rgb), .14); }
.theme-btn:hover { box-shadow: 0 9px 24px rgba(var(--brand-rgb), .24); }
.btn-style-one:before { background-color: var(--brand-hover); }
.btn-style-one.btn-hover-light:hover .icon,
.btn-style-two.btn-hover-light:hover .icon { color: var(--brand-action); }
.theme-btn:disabled, .theme-btn[aria-disabled="true"] { opacity: .55; box-shadow: none; }
.main-menu .navigation > li > a { color: var(--brand-ink); }
.main-menu .navigation > li:hover > a,
.main-menu .navigation > li.current > a { color: var(--brand-action); }
.main-menu .navigation > li > ul { border-color: var(--brand-border); box-shadow: 0 12px 32px rgba(44, 26, 14, .12); }

.footer-widget a:hover, .footer-widget a:focus-visible { color: var(--brand-light) !important; }
.main-footer :focus-visible, .mobile-menu :focus-visible { outline-color: var(--brand-light); }
.back-to-top-btn { background: var(--brand-action); color: #fff; }
.back-to-top-btn:hover { background: var(--brand-hover); color: #fff; }
.dri-pagination a:hover, .dri-pagination span.active { background: var(--brand-action); border-color: var(--brand-action); }
.front-auth-links a:hover, .front-auth-consent a:hover { color: var(--brand-hover); }
.front-auth-input:focus { border-color: var(--brand); }
.sdg-filter-apply:hover { background: var(--brand-hover); }

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