@import url("./fonts/fonts.css");

:root {
  --dharma-paper: #f5f3e6;
  --dharma-paper-2: #eae6d6;
  --dharma-ink: #1a1a17;
  --dharma-orange: #e76b1e;
  --dharma-orange-fg: #a94300;
  --dharma-orange-display-fg: #df6418;
  --dharma-blue: #4e7be8;
  --dharma-blue-fg: #3159b8;
  --dharma-blue-soft: #7c93c4;
  --dharma-blue-glow: #7fa8ff;
  --dharma-green: #2e7d4f;
  --dharma-green-fg: #256a42;
  --dharma-red: #c6342b;
  --dharma-red-fg: #a92d27;
  --dharma-font-display: "Bitcount Single", system-ui, sans-serif;
  --dharma-font-system: "JetBrains Mono", ui-monospace, SFMono-Regular, Consolas, monospace;
  --dharma-font-human: "Libre Baskerville", Georgia, "Times New Roman", serif;
  --dharma-rule: rgba(26, 26, 23, 0.24);
  --dharma-interaction-duration: 160ms;
}

*,
*::before,
*::after {
  box-sizing: border-box;
}

body {
  margin: 0;
  background: var(--dharma-paper);
  color: var(--dharma-ink);
  font-family: var(--dharma-font-human);
}

:focus-visible {
  outline: 3px solid var(--dharma-blue);
  outline-offset: 3px;
}

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