:root { color-scheme: dark;
--color-action: #8fb0ff;
--color-action-deep: #6f93ea;
--color-action-soft: #18202f;
--color-ai: #8fb0ff;
--color-ai-soft: #18202f;
--color-bg: #0b0b0d;
--color-champagne: #d9bf8c;
--color-danger: #e07a73;
--color-danger-ink: #ffb4a8;
--color-elevated: #1a1a1e;
--color-faint: #64646c;
--color-focus: color-mix(in srgb, var(--color-tint) 62%, transparent);
--color-ink: #ecebe8;
--color-line: color-mix(in srgb, var(--color-tint) 7%, transparent);
--color-line-strong: color-mix(in srgb, var(--color-tint) 13%, transparent);
--color-muted: #8e8e96;
--color-ok: #5fb98f;
--color-on-action: #0b0b0d;
--color-overlay: #202025;
--color-panel: #101013;
--color-paper: #fafaf9;
--color-paper-action: #2f5fd0;
--color-paper-ink: #1d1d20;
--color-paper-line: #dcdcdf;
--color-paper-muted: #6c6c72;
--color-shadow: #000000;
--color-sidebar: #101013;
--color-tint: #ffffff;
--color-warn: #e0a35a;
 }
@media (prefers-color-scheme: light) { :root:not([data-appearance="dark"]) { color-scheme: light;
--color-action: #2f5fd0;
--color-action-deep: #2449a8;
--color-action-soft: #e8eefb;
--color-ai: #2f5fd0;
--color-ai-soft: #e8eefb;
--color-bg: #f6f5f2;
--color-champagne: #9a7836;
--color-danger: #c2453f;
--color-danger-ink: #b3261e;
--color-elevated: #ffffff;
--color-faint: #86868c;
--color-focus: color-mix(in srgb, #1c1c1e 70%, transparent);
--color-ink: #1c1c1e;
--color-line: color-mix(in srgb, var(--color-tint) 8%, transparent);
--color-line-strong: color-mix(in srgb, var(--color-tint) 14%, transparent);
--color-muted: #64646b;
--color-ok: #2f8f63;
--color-on-action: #ffffff;
--color-overlay: #ffffff;
--color-panel: #fbfbf9;
--color-paper: #ffffff;
--color-paper-action: #2f5fd0;
--color-paper-ink: #1c1c1e;
--color-paper-line: #e0e0e3;
--color-paper-muted: #64646b;
--color-shadow: rgba(0, 0, 0, 0.32);
--color-sidebar: #f0efeb;
--color-tint: #000000;
--color-warn: #a8620f;
 } }
:root[data-appearance="light"] { color-scheme: light;
--color-action: #2f5fd0;
--color-action-deep: #2449a8;
--color-action-soft: #e8eefb;
--color-ai: #2f5fd0;
--color-ai-soft: #e8eefb;
--color-bg: #f6f5f2;
--color-champagne: #9a7836;
--color-danger: #c2453f;
--color-danger-ink: #b3261e;
--color-elevated: #ffffff;
--color-faint: #86868c;
--color-focus: color-mix(in srgb, #1c1c1e 70%, transparent);
--color-ink: #1c1c1e;
--color-line: color-mix(in srgb, var(--color-tint) 8%, transparent);
--color-line-strong: color-mix(in srgb, var(--color-tint) 14%, transparent);
--color-muted: #64646b;
--color-ok: #2f8f63;
--color-on-action: #ffffff;
--color-overlay: #ffffff;
--color-panel: #fbfbf9;
--color-paper: #ffffff;
--color-paper-action: #2f5fd0;
--color-paper-ink: #1c1c1e;
--color-paper-line: #e0e0e3;
--color-paper-muted: #64646b;
--color-shadow: rgba(0, 0, 0, 0.32);
--color-sidebar: #f0efeb;
--color-tint: #000000;
--color-warn: #a8620f;
 }
:root[data-appearance="dark"] { color-scheme: dark;
--color-action: #8fb0ff;
--color-action-deep: #6f93ea;
--color-action-soft: #18202f;
--color-ai: #8fb0ff;
--color-ai-soft: #18202f;
--color-bg: #0b0b0d;
--color-champagne: #d9bf8c;
--color-danger: #e07a73;
--color-danger-ink: #ffb4a8;
--color-elevated: #1a1a1e;
--color-faint: #64646c;
--color-focus: color-mix(in srgb, var(--color-tint) 62%, transparent);
--color-ink: #ecebe8;
--color-line: color-mix(in srgb, var(--color-tint) 7%, transparent);
--color-line-strong: color-mix(in srgb, var(--color-tint) 13%, transparent);
--color-muted: #8e8e96;
--color-ok: #5fb98f;
--color-on-action: #0b0b0d;
--color-overlay: #202025;
--color-panel: #101013;
--color-paper: #fafaf9;
--color-paper-action: #2f5fd0;
--color-paper-ink: #1d1d20;
--color-paper-line: #dcdcdf;
--color-paper-muted: #6c6c72;
--color-shadow: #000000;
--color-sidebar: #101013;
--color-tint: #ffffff;
--color-warn: #e0a35a;
 }