@font-face { font-family: "Fraunces"; font-weight: 400 700; font-display: swap; src: url("/static/fonts/fraunces.woff2?v=1") format("woff2"); }
@font-face { font-family: "Inter"; font-weight: 100 900; font-display: swap; src: url("/static/fonts/inter.woff2?v=1") format("woff2"); }
:root {
    --bg: #f6f1e9; --surface: #fbf8f3; --surface-2: #efe7db; --surface-3: #ffffff;
    --ink: #2a231e; --ink-2: #635a52; --ink-3: #7f7469; --muted: #9a8e80;
    --line: #e4dacb; --line-strong: #d2c4b2; --line-soft: #eee6db;
    --terracotta: #9c5b41; --terracotta-dark: #7c4531; --terracotta-soft: #efdfd5;
    --sauge: #7b9770; --sauge-soft: #e4eade; --petrole: #0a617a; --petrole-soft: #d8e6ea;
    --prune: #6a4c7d; --ambre: #d88a2d; --ambre-soft: #f5e6cf;
    --accent: var(--terracotta); --accent-2: var(--terracotta-soft); --accent-3: #dfb9a7;
    --info: var(--petrole); --info-2: var(--petrole-soft); --warn: #9a5d19; --warn-2: var(--ambre-soft);
    --danger: #9c493b; --danger-2: #f2ddd8; --success: #5e7a54;
    --sb-bg: var(--surface); --sb-bg-2: var(--surface-2); --sb-ink: var(--ink-2); --sb-accent: var(--terracotta);
    --ink-inverse: #ffffff; --r-sm: 10px; --r-md: 12px; --r-lg: 18px; --r-xl: 26px; --r-pill: 100px;
    --shadow-sm: 0 6px 16px -10px rgba(74,48,32,.32); --shadow-md: 0 22px 48px -26px rgba(74,48,32,.34);
    --shadow-lg: 0 40px 80px -34px rgba(74,48,32,.44); --tr: 180ms cubic-bezier(.2,.7,.3,1);
    --serif: "Fraunces", Georgia, serif; --sans: "Inter", system-ui, "Segoe UI", sans-serif;
}