:root {
  color-scheme: light;
  --ur-font-display: "DM Serif Display", Georgia, "Times New Roman", serif;
  --ur-font-body: Manrope, Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;

  --ur-ivory-50: #fffdfc;
  --ur-ivory-100: #f7f3ed;
  --ur-ivory-200: #f1ebe4;
  --ur-stone-300: #ded5cd;
  --ur-stone-400: #c2b5ab;
  --ur-taupe-500: #c2a06a;
  --ur-taupe-600: #a29387;
  --ur-taupe-700: #8e8075;
  --ur-taupe-800: #5f554d;
  --ur-taupe-900: #2b2724;
  --ur-ink: #2b2724;
  --ur-muted: #756c65;
  --ur-white: #fffdfc;

  --ur-success: #436954;
  --ur-success-soft: #e8f0ea;
  --ur-warning: #8b642e;
  --ur-warning-soft: #f6ead8;
  --ur-danger: #944c40;
  --ur-danger-soft: #f5e4e0;

  --ur-radius-sm: 8px;
  --ur-radius-md: 14px;
  --ur-radius-lg: 22px;
  --ur-radius-xl: 32px;
  --ur-radius-pill: 999px;
  --ur-shadow-sm: 0 8px 24px rgba(43, 39, 36, .06);
  --ur-shadow-md: 0 18px 48px rgba(43, 39, 36, .09);
  --ur-shadow-lg: 0 30px 80px rgba(43, 39, 36, .14);
  --ur-content-width: 1240px;
  --ur-dashboard-width: 1320px;
  --ur-focus: 0 0 0 3px rgba(162, 147, 135, .34);
  --ur-ease: cubic-bezier(.2, .7, .2, 1);
}

html {
  font-family: var(--ur-font-body);
  color: var(--ur-ink);
  background: var(--ur-ivory-100);
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
}

body,
button,
input,
select,
textarea {
  font-family: var(--ur-font-body);
}

:where(a, button, input, select, textarea, summary):focus-visible {
  outline: 2px solid var(--ur-taupe-600);
  outline-offset: 3px;
  box-shadow: var(--ur-focus);
}

::selection {
  background: var(--ur-taupe-800);
  color: var(--ur-ivory-50);
}

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