| @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; |
| } |
| } |
|
|
