:root {
  color-scheme: light;

  --mt-vault-night: #1a0d22;
  --mt-vault-deep: #100815;
  --mt-keeper-violet: #8b50ae;
  --mt-keeper-violet-hover: #a369c0;
  --mt-keeper-violet-soft: #eee3f3;
  --mt-smoked-mauve: #6a506e;
  --mt-preserved-page: #f4e8d7;
  --mt-page-bright: #fbf7ef;
  --mt-ring-brass: #b38a52;
  --mt-ring-brass-soft: #eadcc7;

  --mt-ink: #24172a;
  --mt-slate: #675e69;
  --mt-line: #d8cdbf;
  --mt-paper-muted: #e8ded1;
  --mt-white: #ffffff;
  --mt-overlay: rgba(16, 8, 21, .74);

  --mt-success: #477563;
  --mt-success-soft: #e2ece7;
  --mt-warning: #a66a32;
  --mt-warning-soft: #f2e5d5;
  --mt-danger: #a24838;
  --mt-danger-soft: #f2dfda;
  --mt-info: #5c6f96;
  --mt-info-soft: #e5e9f2;
  --mt-focus: #a369c0;

  --mt-font-display: "Cormorant Garamond", Georgia, serif;
  --mt-font-ui: "Work Sans", Inter, "Segoe UI", Arial, sans-serif;
  --mt-font-reading: "Cormorant Garamond", Georgia, serif;
  --mt-display-xl: clamp(4rem, 8vw, 8.5rem);
  --mt-display-lg: clamp(3rem, 6vw, 6rem);
  --mt-display-md: clamp(2.25rem, 4vw, 4rem);
  --mt-title: 2rem;
  --mt-body: 1rem;
  --mt-small: .875rem;
  --mt-micro: .6875rem;

  --mt-space-1: .25rem;
  --mt-space-2: .5rem;
  --mt-space-3: .75rem;
  --mt-space-4: 1rem;
  --mt-space-5: 1.5rem;
  --mt-space-6: 2rem;
  --mt-space-7: 3rem;
  --mt-space-8: 4.5rem;

  --mt-radius-sm: .625rem;
  --mt-radius-md: 1rem;
  --mt-radius-lg: 1.5rem;
  --mt-radius-xl: 2rem;
  --mt-radius-pill: 999px;
  --mt-shadow-soft: 0 1rem 3.5rem rgba(26, 13, 34, .12);
  --mt-shadow-raised: 0 1.25rem 3rem rgba(26, 13, 34, .17);
  --mt-shadow-vault: 0 1.5rem 5rem rgba(16, 8, 21, .34);

  --mt-duration-fast: 160ms;
  --mt-duration-normal: 280ms;
  --mt-duration-slow: 520ms;
  --mt-ease: cubic-bezier(.2, .8, .2, 1);
  --mt-ease-writing: cubic-bezier(.45, .04, .24, 1);

  --mt-z-content: 1;
  --mt-z-sticky: 20;
  --mt-z-overlay: 70;
  --mt-z-dialog: 80;
  --mt-z-toast: 90;
}