:root {
    --color-bg: #f5f5f7;
    --color-surface: #fff;
    --color-border: #e5e5e7;
    --color-border-soft: #f0f0f0;
    --color-text: #1a1a1a;
    --color-text-muted: #666;
    --color-text-subtle: #888;
    --color-text-faint: #aaa;
    --color-accent: #d97757;
    --color-accent-soft: #fff3ee;
    --color-error: #c00;
    --color-error-bg: #fee;
    --color-error-border: #fcc;
    /* LTR Latin stack first; Hebrew/Arabic fonts work in both */
    --font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", "Segoe UI Hebrew", "Arial Hebrew", "Tahoma", Arial, sans-serif;
    --font-mono: ui-monospace, "SF Mono", Menlo, Consolas, monospace;
    --radius-sm: 6px;
    --radius-md: 8px;
    --radius-lg: 12px;
}

* {
    box-sizing: border-box;
}

body {
    font-family: var(--font-sans);
    background: var(--color-bg);
    color: var(--color-text);
    margin: 0;
}

button {
    background: var(--color-surface);
    border: 1px solid #ddd;
    border-radius: var(--radius-sm);
    padding: 6px 12px;
    font-size: 13px;
    cursor: pointer;
    font-family: inherit;
}

    button:hover {
        background: #f9f9f9;
    }

.error {
    color: var(--color-error);
    padding: 16px;
    font-size: 13px;
}

.loading {
    padding: 16px;
    color: var(--color-text-subtle);
    font-size: 13px;
    text-align: center;
}

.empty {
    color: var(--color-text-subtle);
    text-align: center;
    font-size: 14px;
}

/* Numbers and identifiers should always read LTR even in RTL pages.
   Apply to anything with monospace / id / numeric content. */
.ltr-only,
.id,
.ts,
code, kbd, samp,
.tool-call,
table.lines td.num,
table.lines th.num {
    direction: ltr;
    unicode-bidi: isolate;
}