/* Patina for the docs. docs-kit ships its own DaisyUI themes; these override
   their tokens. Keep in sync with the themes in tailwind.css. */

html[data-theme="light"] {
    --color-base-100: #f7f9f8;
    --color-base-200: #e9eeeb;
    --color-base-300: #cbd6d0;
    --color-base-content: #13201c;
    --color-primary: #17705f;
    --color-primary-content: #f2fbf8;
    --color-secondary: #566660;
    --color-secondary-content: #f7f9f8;
    --color-accent: #c4621a;
    --color-accent-content: #fff8f2;
    --color-neutral: #dfe6e2;
    --color-neutral-content: #13201c;
    --color-info: #2f8f7b;
    --color-success: #17705f;
    --color-warning: #a35a17;
    --color-error: #b23a2a;
    --radius-box: 10px;
    --radius-field: 10px;
}

html[data-theme="dark"] {
    --color-base-100: #0d1513;
    --color-base-200: #13201c;
    --color-base-300: #23362f;
    --color-base-content: #e3eeea;
    --color-primary: #4fbfa6;
    --color-primary-content: #06231c;
    --color-secondary: #8fa59d;
    --color-secondary-content: #0d1513;
    --color-accent: #e58a45;
    --color-accent-content: #241307;
    --color-neutral: #0a110f;
    --color-neutral-content: #e3eeea;
    --color-info: #3aa58e;
    --color-success: #4fbfa6;
    --color-warning: #e0a15c;
    --color-error: #e06b5b;
    --radius-box: 10px;
    --radius-field: 10px;
}

body {
    font-family: "Hanken Grotesk", ui-sans-serif, system-ui, sans-serif;
}

h1, h2, h3, h4 {
    font-family: "Bricolage Grotesque", "Hanken Grotesk", sans-serif;
}

code, pre, kbd {
    font-family: "IBM Plex Mono", ui-monospace, Menlo, monospace;
}