/* Shared WFeels identity. Loaded after each page's component stylesheet. */
:root {
  --brand-bg: #FFF9ED;
  --brand-primary: #347C76;
  --brand-highlight: #FFC400;
  --brand-ink: #25343B;
  --brand-primary-dark: #245E59;
  --brand-muted: #5E6D70;
  --brand-line: #DFE8E2;
  --green: #347C76 !important;
  --green2: #245E59 !important;
  --deep: #245E59 !important;
  --ink: #25343B !important;
  --muted: #5E6D70 !important;
  --accent: #347C76;
  --highlight: #FFC400;
  --bg: #FFF9ED;
  --line: #DFE8E2;
}
html { background: var(--brand-bg); accent-color: var(--brand-primary); scrollbar-color: #347C76 #FFF9ED; }
body { color: var(--brand-ink); background: var(--brand-bg) !important; font-family: "Cairo Variable", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; }
body::before, body::after { display: none; }
::selection { background: #FFC400; color: #25343B; }
:where(a, button, input, select, textarea, summary):focus-visible { outline: 3px solid #347C76; outline-offset: 4px; }
input[type="checkbox"], input[type="radio"] { accent-color: #347C76; }
img { max-width: 100%; }
.brand { min-width: 0; text-decoration: none; color: #25343B; }
.brand img[src*="/assets/brand/"] { display: block; width: 145px; height: auto; max-width: 100%; object-fit: contain; }
.sidebar .brand img[src*="/assets/brand/"] { width: 154px; }
.auth-brand img[src*="/assets/brand/"] { display: block; width: 150px; height: auto; }
.auth-logo img[src*="/assets/brand/"] { display: block; width: 150px; height: auto; }
.brand img + .brand-copy, .brand img + .brand-wordmark { display: none; }
.cursor-glow, .wf-cursor-glow, .aurora { display: none; }
@media (max-width: 420px) {
  .brand img[src*="/assets/brand/"] { width: 126px; }
}
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after { animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; }
}