@font-face {
  font-family: "Fraunces";
  src: url("/fonts/fraunces-variable-latin.woff2") format("woff2");
  font-weight: 400 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Fraunces";
  src: url("/fonts/fraunces-italic-variable-latin.woff2") format("woff2");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: "Source Sans 3";
  src: url("/fonts/source-sans-3-variable-latin.woff2") format("woff2");
  font-weight: 400 600;
  font-style: normal;
  font-display: swap;
}

:root {
  --bg: #f6efe3;
  --surface: #fdf8ee;
  --surface-2: #efe5d2;
  --line: #ddd0b8;
  --ink: #2b2320;
  --mute: #706256;
  --accent: #b94f29;
  --accent-ink: #fdf8ee;
  --accent-2: #6f632f;
  --danger: #a63325;
  --danger-ink: #fdf8ee;
  --success: #5c7a3f;
  --sched-1: #e3b7a0;
  --sched-2: #e8d190;
  --sched-3: #c3cba0;
  --sched-4: #d9c1a6;
  --sched-5: #cbb0c7;
  --sched-6: #e1b7be;
  --font-display: "Fraunces", Georgia, serif;
  --font-sans: "Source Sans 3", system-ui, sans-serif;
}

:root[data-theme="dark"] {
  --bg: #1e1713;
  --surface: #2a211b;
  --surface-2: #241c16;
  --line: #3f342a;
  --ink: #f0e7d8;
  --mute: #a89a88;
  --accent: #d96a3d;
  --accent-ink: #1e1713;
  --accent-2: #b3a25e;
  --danger: #e06a55;
  --danger-ink: #2a211b;
  --success: #8fae6a;
  --sched-1: #5a3226;
  --sched-2: #5c4e22;
  --sched-3: #3c4630;
  --sched-4: #4c3924;
  --sched-5: #453142;
  --sched-6: #692b35;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme]) {
    --bg: #1e1713;
    --surface: #2a211b;
    --surface-2: #241c16;
    --line: #3f342a;
    --ink: #f0e7d8;
    --mute: #a89a88;
    --accent: #d96a3d;
    --accent-ink: #1e1713;
    --accent-2: #b3a25e;
    --danger: #e06a55;
    --danger-ink: #2a211b;
    --success: #8fae6a;
    --sched-1: #5a3226;
    --sched-2: #5c4e22;
    --sched-3: #3c4630;
    --sched-4: #4c3924;
    --sched-5: #453142;
    --sched-6: #692b35;
  }
}