@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;700;800&family=Merriweather:wght@400;700;900&display=swap");

:root {
    color-scheme: light;

    --color-bg: #fff7ed;
    --color-bg-soft: #fafaf9;
    --color-bg-muted: #e7e5e4;
    --color-panel: #ffffff;
    --color-panel-raised: #f5f5f4;

    --color-text: #292524;
    --color-text-muted: #57534e;
    --color-text-soft: #44403c;

    --color-border: #d6d3d1;
    --color-border-strong: #292524;

    --color-primary: #292524;
    --color-primary-strong: #1c1917;
    --color-primary-dark: #1c1917;

    --color-accent: #b91c1c;
    --color-success: #166534;
    --color-warning: #854d0e;
    --color-danger: #991b1b;

    --shadow-soft: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
    --shadow-panel: 0 1px 2px rgb(0 0 0 / 0.05);

    --radius-sm: 0.125rem;
    --radius-md: 0.25rem;
    --radius-lg: 0.25rem;
    --radius-xl: 0.25rem;

    --container: 64rem;
    --container-narrow: 48rem;

    --font-body: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    --font-heading: Merriweather, Georgia, "Times New Roman", serif;
    --font-mono: "JetBrains Mono", "Cascadia Code", Consolas, monospace;
}