/* Graphite 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: #ffffff;
    --color-base-200: #f5f5f5;
    --color-base-300: #e5e5e5;
    --color-base-content: #171717;
    --color-primary: #171717;
    --color-primary-content: #fafafa;
    --color-secondary: #737373;
    --color-secondary-content: #fafafa;
    --color-accent: #404040;
    --color-accent-content: #fafafa;
    --color-neutral: #ededed;
    --color-neutral-content: #171717;
    --color-info: #2563eb;
    --color-success: #16a34a;
    --color-warning: #d97706;
    --color-error: #dc2626;
    --radius-box: 12px;
    --radius-field: 8px;
}

html[data-theme="dark"] {
    --color-base-100: #111111;
    --color-base-200: #1a1a1a;
    --color-base-300: #2b2b2b;
    --color-base-content: #ededed;
    --color-primary: #ededed;
    --color-primary-content: #111111;
    --color-secondary: #a1a1a1;
    --color-secondary-content: #111111;
    --color-accent: #d4d4d4;
    --color-accent-content: #111111;
    --color-neutral: #0a0a0a;
    --color-neutral-content: #ededed;
    --color-info: #60a5fa;
    --color-success: #4ade80;
    --color-warning: #fbbf24;
    --color-error: #f87171;
    --radius-box: 12px;
    --radius-field: 8px;
}

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

h1, h2, h3, h4 {
    font-family: "Inter", ui-sans-serif, system-ui, sans-serif;
    letter-spacing: -0.02em;
}

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