@import url("https://fonts.googleapis.com/css2?family=Newsreader:ital,opsz,wght@0,6..72,400;0,6..72,560;0,6..72,650;1,6..72,450&family=Outfit:wght@380;460;560;650&display=swap");
@import "tailwindcss";

@theme {
  --font-sans: "Outfit", system-ui, sans-serif;
  --font-serif: "Newsreader", Georgia, serif;
  --color-ink: #122033;
  --color-ink-soft: #1b2c46;
  --color-paper: #f6f1e8;
  --color-paper-2: #ebe4d6;
  --color-brass: #8c6d3f;
  --color-brass-soft: #c9ae7e;
  --color-rule: #d8cfbf;
  --color-muted: #6e665c;
  --color-fg: #1a1612;
  --color-field: #fffdf8;
  --radius: 0.5rem;
}

@layer base {
  button:not(:disabled),
  [role="button"]:not(:disabled) {
    cursor: pointer;
  }
  html,
  body {
    background: var(--color-ink);
    color: var(--color-fg);
    font-family: var(--font-sans);
  }
  ::selection {
    background: color-mix(in srgb, var(--color-brass) 35%, white);
  }
}

@media print {
  body {
    background: white !important;
  }
  .no-print {
    display: none !important;
  }
  .print-paper {
    box-shadow: none !important;
    margin: 0 !important;
    max-width: none !important;
  }
}