/* Editorial workspace: paired reading colors + bounded entity cover colors. */
:root {
  color-scheme: light;
  --ui-bg: #f4f4f4;
  --ui-panel: #ffffff;
  --ui-side: #fafafa;
  --ui-surface: #f0f0f0;
  --ui-raised: #ffffff;
  --ui-hover: #e8e8e8;
  --ui-selected: #e3e3e3;
  --ui-line: #e3e3e3;
  --ui-border: #cccccc;
  --ui-text: #272727;
  --ui-muted: #606060;
  --ui-soft: #626262;
  --ui-accent: #746018;
  --ui-accent-soft: #f2eee0;
  --ui-primary: #f3d970;
  --ui-primary-text: #29261c;
  --ui-primary-hover: #e8ce63;
  --ui-highlight: #f3d970;
  --ui-lilac: #ece9f3;
  --ui-apricot: #f3eae0;
  --ui-sky: #e8eef3;
  --ui-ink: #292929;
  --ui-danger: #a13c35;
  --ui-danger-bg: #f8efed;
  --ui-warning: #785b22;
  --ui-warning-bg: #f7f3e9;
  --ui-success: #34684e;
  --ui-success-bg: #edf3ef;
  --ui-info: #42647b;
  --ui-info-bg: #edf2f5;
  --ui-info-border: #cad6de;
  --ui-purple: #695780;
  --ui-purple-bg: #f0edf4;
  --ui-purple-border: #d6cedf;
  --ui-focus: #746018;
  --ui-code: #514820;
  --ui-code-bg: #f0f0f0;
  --ui-sidebar-border: #e3e3e3;
  --ui-sidebar-active: #e9e7df;
  --ui-sidebar-active-text: #302d23;
  --ui-accent-line: #bbaa6a;
  --ui-terminal: #f0f0f0;
  --ui-terminal-text: #303030;
  --ui-terminal-muted: #616161;
  --ui-grid: transparent;
  --ui-message-bg: #ededed;
  --ui-message-text: #272727;
  --ui-message-code-bg: #e0e0e0;
  --ui-cover-project: #cbbbfa;
  --ui-cover-device: #c2ddf0;
  --ui-cover-task: #f5ce91;
  --ui-cover-note: #edcde5;
  --ui-cover-live: #f3e298;
  --ui-cover-text: #242129;
  --ui-cover-muted: #4c435c;
  --ui-cover-device-muted: #3a5060;
  --ui-cover-task-muted: #614722;
  --ui-cover-live-muted: #574b24;
  --ui-cover-surface: rgb(255 255 255 / 46%);
  --ui-art-lilac: #a78be9;
  --ui-art-yellow: #f3d970;
  --ui-art-dark: #29252e;
  --ui-art-light: #f5efff;
  --ui-nav-selected: #27252b;
  --ui-nav-selected-text: #f8f7fa;
  --ui-display-font: "Avenir Next", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", sans-serif;
  --ui-font: -apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI", "PingFang SC", "Microsoft YaHei", sans-serif;
  --ui-mono: ui-monospace, "SFMono-Regular", Menlo, Consolas, monospace;
  /* Shared dimensions. Change these contracts, not page-specific copies. */
  --ui-space-1: 4px;
  --ui-space-2: 8px;
  --ui-space-3: 12px;
  --ui-space-4: 16px;
  --ui-space-5: 20px;
  --ui-space-6: 24px;
  --ui-space-8: 32px;
  --ui-space-10: 40px;
  --ui-text-xs: 11px;
  --ui-text-sm: 12px;
  --ui-text-base: 14px;
  --ui-text-input: 16px;
  --ui-text-title: 18px;
  --ui-control-height: 40px;
  --ui-control-compact: 36px;
  --ui-touch-target: 44px;
  --ui-icon-size: 18px;
  --ui-icon-small: 16px;
  --ui-radius-small: 8px;
  --ui-panel-radius-compact: 22px;
  --ui-panel-inset: 20px;
  --ui-modal-inset: 24px;
  --ui-focus-width: 3px;
  --ui-control-radius: 999px;
  --ui-panel-radius: 26px;
  --ui-window-radius: 26px;
  --ui-shadow: 0 12px 36px rgb(0 0 0 / 10%), 0 2px 6px rgb(0 0 0 / 5%);
  --ui-scrim: rgb(20 20 20 / 36%);
  --ui-motion-fast: 140ms;
  --ui-motion-normal: 220ms;
  --ui-ease: cubic-bezier(.2, .8, .2, 1);

  --ui-page-x: 28px;
  --ui-page-top: 20px;
  --ui-page-title: 30px;
  --ui-topbar-height: 56px;
  --ui-workspace-height: clamp(220px, calc(100dvh - 430px), 560px);
}

html[data-appearance="dark"] {
  color-scheme: dark;
  --ui-bg: #191919;
  --ui-panel: #222222;
  --ui-side: #1e1e1e;
  --ui-surface: #2b2b2b;
  --ui-raised: #2b2b2b;
  --ui-hover: #343434;
  --ui-selected: #393939;
  --ui-line: #3a3a3a;
  --ui-border: #515151;
  --ui-text: #e5e5e5;
  --ui-muted: #b9b9b9;
  --ui-soft: #ababab;
  --ui-accent: #d1bd75;
  --ui-accent-soft: #343128;
  --ui-primary: #d1bd75;
  --ui-primary-text: #27241b;
  --ui-primary-hover: #ddcb89;
  --ui-highlight: #d1bd75;
  --ui-lilac: #302d37;
  --ui-apricot: #362f29;
  --ui-sky: #293137;
  --ui-ink: #292929;
  --ui-danger: #e3a39b;
  --ui-danger-bg: #352b2a;
  --ui-warning: #d5b77e;
  --ui-warning-bg: #322e27;
  --ui-success: #9ec4ae;
  --ui-success-bg: #27332d;
  --ui-info: #adc4d4;
  --ui-info-bg: #29323a;
  --ui-info-border: #465663;
  --ui-purple: #beb0d0;
  --ui-purple-bg: #312d38;
  --ui-purple-border: #51495d;
  --ui-focus: #d1bd75;
  --ui-code: #cfbf87;
  --ui-code-bg: #1d1d1d;
  --ui-sidebar-border: #363636;
  --ui-sidebar-active: #343229;
  --ui-sidebar-active-text: #e7dfc5;
  --ui-accent-line: #8e8151;
  --ui-terminal: #1d1d1d;
  --ui-terminal-text: #d6d6d6;
  --ui-terminal-muted: #ababab;
  --ui-grid: transparent;
  --ui-message-bg: #343434;
  --ui-message-text: #e5e5e5;
  --ui-message-code-bg: #414141;
  --ui-shadow: 0 16px 40px rgb(0 0 0 / 24%), 0 2px 8px rgb(0 0 0 / 12%);
  --ui-scrim: rgb(0 0 0 / 46%);
  --ui-cover-project: #40374f;
  --ui-cover-device: #2d414c;
  --ui-cover-task: #4c3c2c;
  --ui-cover-note: #473346;
  --ui-cover-live: #49422d;
  --ui-cover-text: #f2edf8;
  --ui-cover-muted: #d3c7e0;
  --ui-cover-device-muted: #c1d8e4;
  --ui-cover-task-muted: #e5d0b2;
  --ui-cover-live-muted: #e6dbb8;
  --ui-cover-surface: rgb(255 255 255 / 7%);
  --ui-nav-selected: #ebe6f2;
  --ui-nav-selected-text: #27252b;

}

@media (prefers-color-scheme: dark) {
  html:not([data-appearance]) {
    color-scheme: dark;
    --ui-bg: #191919;
    --ui-panel: #222222;
    --ui-side: #1e1e1e;
    --ui-surface: #2b2b2b;
    --ui-raised: #2b2b2b;
    --ui-hover: #343434;
    --ui-selected: #393939;
    --ui-line: #3a3a3a;
    --ui-border: #515151;
    --ui-text: #e5e5e5;
    --ui-muted: #b9b9b9;
    --ui-soft: #ababab;
    --ui-accent: #d1bd75;
    --ui-accent-soft: #343128;
    --ui-primary: #d1bd75;
    --ui-primary-text: #27241b;
    --ui-primary-hover: #ddcb89;
    --ui-highlight: #d1bd75;
    --ui-lilac: #302d37;
    --ui-apricot: #362f29;
    --ui-sky: #293137;
    --ui-ink: #292929;
    --ui-danger: #e3a39b;
    --ui-danger-bg: #352b2a;
    --ui-warning: #d5b77e;
    --ui-warning-bg: #322e27;
    --ui-success: #9ec4ae;
    --ui-success-bg: #27332d;
    --ui-info: #adc4d4;
    --ui-info-bg: #29323a;
    --ui-info-border: #465663;
    --ui-purple: #beb0d0;
    --ui-purple-bg: #312d38;
    --ui-purple-border: #51495d;
    --ui-focus: #d1bd75;
    --ui-code: #cfbf87;
    --ui-code-bg: #1d1d1d;
    --ui-sidebar-border: #363636;
    --ui-sidebar-active: #343229;
    --ui-sidebar-active-text: #e7dfc5;
    --ui-accent-line: #8e8151;
    --ui-terminal: #1d1d1d;
    --ui-terminal-text: #d6d6d6;
    --ui-terminal-muted: #ababab;
    --ui-grid: transparent;
    --ui-message-bg: #343434;
    --ui-message-text: #e5e5e5;
    --ui-message-code-bg: #414141;
  --ui-shadow: 0 16px 40px rgb(0 0 0 / 24%), 0 2px 8px rgb(0 0 0 / 12%);
  --ui-scrim: rgb(0 0 0 / 46%);
  --ui-cover-project: #40374f;
  --ui-cover-device: #2d414c;
  --ui-cover-task: #4c3c2c;
  --ui-cover-note: #473346;
  --ui-cover-live: #49422d;
  --ui-cover-text: #f2edf8;
  --ui-cover-muted: #d3c7e0;
  --ui-cover-device-muted: #c1d8e4;
  --ui-cover-task-muted: #e5d0b2;
  --ui-cover-live-muted: #e6dbb8;
  --ui-cover-surface: rgb(255 255 255 / 7%);
  --ui-nav-selected: #ebe6f2;
  --ui-nav-selected-text: #27252b;

  }
}

@media (min-width: 901px) and (max-height: 800px) {
  :root { --ui-page-top: 16px; --ui-panel-inset: 16px; --ui-page-title: 28px; }
}
@media (max-width: 900px) { :root { --ui-page-x: 24px; --ui-topbar-height: 60px; } }
@media (max-width: 640px) {
  :root { --ui-panel-inset: 16px; --ui-modal-inset: 10px; --ui-page-x: 16px; --ui-page-top: 18px; --ui-page-title: 26px; }
}