/* 石墨信号 / Graphite Signal：quota2api 独立数字界面体系。 */
:root {
  color-scheme: dark;

  /* 五层数字表面：窗口、导航、工作区、控件与数据、浮层。 */
  --canvas: #0b0d10;
  --navigation: #101215;
  --workspace: #15181c;
  --surface: #1c2026;
  --floating: #2a3038;
  --field: #121519;
  --hover: #242a32;
  --pressed: #303740;
  --selected: #222a24;
  --line: #2d343d;
  --line-soft: #252b33;
  --line-strong: #56616c;
  --clear: transparent;
  --current: currentColor;

  /* 动作与状态分离；酸橙只用于主操作、当前位置和键盘焦点。 */
  --ink: #e9edf1;
  --secondary: #bec6cf;
  --muted: #9ba6b2;
  --placeholder: #8f9aa7;
  --accent: #c8eaa0;
  --accent-hover: #d7f3b7;
  --accent-pressed: #b6d78e;
  --accent-ink: #1c2815;
  --button-primary: var(--accent);
  --button-primary-hover: var(--accent-hover);
  --button-primary-pressed: var(--accent-pressed);
  --button-primary-ink: var(--accent-ink);
  --brand-color: var(--accent);
  --success: #9bd0bd;
  --success-bg: #21372f;
  --success-line: #3c5a4b;
  --warn: #d9bc88;
  --warn-bg: #373025;
  --warn-line: #625238;
  --danger: #e5a7a4;
  --danger-bg: #39292c;
  --danger-line: #684346;
  --disabled-bg: #232b34;
  --disabled-ink: #7b8995;
  --log-ink: #b8c9d4;
  --key-bg: #252e23;
  --key-line: #506242;
  --key-ink: #d5e7c0;

  /* 一套正文家族；数据标识使用系统等宽。 */
  --font: "PingFang SC", sans-serif;
  --mono: ui-monospace, "SF Mono", Menlo, Consolas, monospace;
  --text-xs: 0.75rem;
  --text-sm: 0.8125rem;
  --text-body: 0.875rem;
  --text-control: 0.875rem;
  --text-mono: 0.8125rem;
  --text-section: 1rem;
  --text-brand: 1.0625rem;
  --text-title: 2rem;
  --text-count: 1.375rem;
  --text-login: 1.75rem;
  --weight-normal: 400;
  --weight-medium: 500;
  --weight-strong: 600;
  --leading: 1.5;
  --leading-title: 1.25;
  --tracking-title: -0.03em;

  /* 4px 空间基准，圆角只作用于组件，不把工作区画成纸张。 */
  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-5: 1.25rem;
  --space-6: 1.5rem;
  --space-8: 2rem;
  --space-10: 2.5rem;
  --space-12: 3rem;
  --radius-control: 4px;
  --radius-panel: 6px;
  --radius-badge: 3px;
  --radius-pill: 999px;
  --line-width: 1px;
  --radius-none: 0;
  --sidebar: 13rem;
  --main-max: 82rem;
  --panel-max: 50rem;
  --source-label: 10rem;
  --settings-label: 14rem;
  --picker-max: 18rem;
  --action-min: 6rem;
  --login-max: 26rem;
  --control-h: 2.5rem;
  --badge-h: 1.5rem;
  --count-h: 2rem;
  --icon-size: 1.125rem;
  --icon-stroke: 1.6;

  /* 无纹理、无高光、无渐变；投影只提供浮层遮挡关系。 */
  --shadow-none: none;
  --shadow-floating: 0 8px 24px #0000001c;
  --focus-outline: 2px solid var(--accent);
  --focus-ring: 0 0 0 3px #c8eaa01f;
  --focus-offset: 2px;
  --motion: 140ms;
  --motion-loading: 900ms;
  --motion-reduced: 0s;
  --ease: cubic-bezier(0.2, 0, 0, 1);
}

/* 亮色沿用相同结构、尺度与交互语义，单独校准对比。 */
:root[data-theme="light"] {
  color-scheme: light;
  --canvas: #e9edf0;
  --navigation: #f0f3f5;
  --workspace: #fafbfc;
  --surface: #ffffff;
  --floating: #ffffff;
  --field: #f0f3f5;
  --hover: #f0f4f7;
  --pressed: #e4eaee;
  --selected: #e6ede2;
  --line: #dce2e7;
  --line-soft: #e9edf1;
  --line-strong: #aab7c2;
  --ink: #202a34;
  --secondary: #4d5e6b;
  --muted: #647482;
  --placeholder: #6b7b89;
  --accent: #46612d;
  --accent-hover: #364e22;
  --accent-pressed: #283d19;
  --accent-ink: #f5f8f0;
  --button-primary: #29352b;
  --button-primary-hover: #3b4b39;
  --button-primary-pressed: #1e291f;
  --button-primary-ink: #f5f8f0;
  --brand-color: #6c8e43;
  --success: #327461;
  --success-bg: #edf5f0;
  --success-line: #bad3c7;
  --warn: #896124;
  --warn-bg: #faf3e7;
  --warn-line: #dccaa7;
  --danger: #a34648;
  --danger-bg: #f9eeee;
  --danger-line: #e1bfc0;
  --disabled-bg: #e9eef1;
  --disabled-ink: #76838d;
  --log-ink: #526573;
  --key-bg: #f0f5ea;
  --key-line: #becfaf;
  --key-ink: #3e592c;
  --shadow-floating: 0 8px 24px #23344510;
  --focus-ring: 0 0 0 3px #46612d17;
}