/* JiShi design system — shared tokens and controls.
   Loaded after page styles so tokens and states stay consistent. */

:root {
    --ds-font: ui-sans-serif, system-ui, -apple-system, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Noto Sans SC", "Microsoft YaHei", sans-serif;
    --ds-mono: ui-monospace, "SFMono-Regular", "Cascadia Code", "Source Code Pro", Menlo, Consolas, monospace;

    --ds-bg: #f7f7f8;
    --ds-bg-subtle: #f3f4f6;
    --ds-surface: #ffffff;
    --ds-ink: #111827;
    --ds-ink-secondary: #4b5563;
    --ds-muted: #6b7280;
    --ds-faint: #9ca3af;
    --ds-line: rgba(17, 24, 39, 0.08);
    --ds-line-strong: rgba(17, 24, 39, 0.14);

    --ds-accent: #111827;
    --ds-accent-hover: #030712;
    --ds-accent-soft: #f3f4f6;
    --ds-accent-ring: rgba(17, 24, 39, 0.12);
    --ds-link: #1d4ed8;

    --ds-danger: #b91c1c;
    --ds-danger-soft: #fef2f2;
    --ds-success: #047857;
    --ds-success-soft: #ecfdf5;
    --ds-warning: #b45309;
    --ds-warning-soft: #fffbeb;

    --ds-radius-sm: 8px;
    --ds-radius: 12px;
    --ds-radius-lg: 16px;
    --ds-shadow: 0 8px 24px rgba(17, 24, 39, 0.08);
    --ds-sidebar: 260px;
    --ds-header: 52px;
    --ds-chat-col: 760px;

    /* Landing page tokens already referenced in index.html */
    --primary-color: #111827;
    --primary-dark: #030712;
    --secondary-color: #111827;
    --text-main: #111827;
    --text-light: #4b5563;
    --bg-light: #fafafa;
    --bg-white: #ffffff;
    --shadow: 0 1px 2px rgba(17, 24, 39, 0.04);
    --transition: 160ms ease;
}

html {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

body {
    font-family: var(--ds-font);
    color: var(--ds-ink);
    background: var(--ds-bg);
}

button,
input,
textarea,
select {
    font-family: inherit;
}

:focus-visible {
    outline: 2px solid var(--ds-ink);
    outline-offset: 2px;
}

::selection {
    background: #e5e7eb;
    color: var(--ds-ink);
}