/* watchPaid identity. Page-specific layouts live in brand-*.css. */
:root {
  --we-background: #f8fafc;
  --we-surface: #ffffff;
  --we-navy: #0f172a;
  --we-blue: #2563eb;
  --we-hover: #1d4ed8;
  --we-earn: #16a34a;
  --we-gold: #f59e0b;
  --we-muted: #64748b;
  --we-border: #e2e8f0;
  --we-error: #dc2626;
  --we-blue-soft: #eff6ff;
  --we-green-soft: #f0fdf4;
  --we-radius: 16px;
  --we-shadow: 0 16px 44px -28px rgb(15 23 42 / .22);
}
html { scroll-behavior: smooth; }
body { -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; }
::selection { background: #bfdbfe; color: #0f172a; }
.we-wordmark { color: var(--we-blue); white-space: nowrap; letter-spacing: -.055em; font-weight: 800; }
.we-wordmark .we-earn { color: var(--we-earn); }
.public-brand, .brand { letter-spacing: -.045em; }
.public-brand img, .brand img, .wp-member-logo { box-shadow: none; }
.wp-member-logo { background: transparent; overflow: hidden; }
.wp-member-logo img { width: 100%; height: 100%; }
.wp-icon { width: 1em; height: 1em; flex-shrink: 0; vertical-align: middle; }
.public-button--gold, .public-button--blue,
.button-primary, .button-gold, .admin-auth-submit,
.wp-action-button, .wp-plan-action, .wp-vault-action, .wp-rewards-action {
  background: var(--we-blue); color: #fff; box-shadow: none;
}
.public-button--gold:hover, .public-button--blue:hover,
.button-primary:hover, .button-gold:hover,
.wp-action-button:hover:not(:disabled), .wp-plan-action:hover:not(:disabled),
.wp-vault-action:hover:not(:disabled), .wp-rewards-action:hover:not(:disabled) {
  background: var(--we-hover); color: #fff; filter: none;
}
.public-button--soft { background: #fff; border-color: var(--we-border); color: var(--we-navy); }
:where(a, button, input, select, textarea, summary):focus-visible { outline: 3px solid #60a5fa; outline-offset: 4px; }
:where(button, a, input, select, textarea) { -webkit-tap-highlight-color: transparent; }
button:disabled { cursor: not-allowed; }
img { max-width: 100%; }
[hidden] { display: none !important; }
.wp-progress-track > span, .wp-task-progress-track > span { background: var(--we-blue); }
.wp-progress-track.is-complete > span, .wp-task-progress-track.is-complete > span { background: var(--we-earn); }
.wp-phone-dialog::before { background: var(--we-blue); }
.wp-phone-dialog-icon { background: var(--we-blue-soft); color: var(--we-blue); box-shadow: none; }
.wp-profile-avatar { background: var(--we-blue); color: #fff; }
.wp-admin-page { --admin-purple: #2563eb; --admin-purple-soft: #eff6ff; --admin-warning: #f59e0b; }
.wp-admin-badge { background: var(--we-blue-soft); color: var(--we-blue); box-shadow: none; }
.auth-promo .we-wordmark, .admin-auth-intro .we-wordmark { color: #fff; }
.auth-promo .we-earn, .admin-auth-intro .we-earn { color: #86efac; }
.wp-daily-task-copy > strong:not(.wp-task-unavailable), .wp-task-completed { color: var(--we-earn); }
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after { animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; }
}