/* 寻物 VI v0.1.0 · 2026-10-24 · 首轮提案待选择。与 tokens.json 同源。 */

/* 原稿只读；品牌色用于识别，界面文字与状态使用下列语义变量。 */

:root {
  color-scheme: light;
  --brand: #E96093;
  --font-ui: -apple-system, BlinkMacSystemFont, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;
  --motion-fast: 120ms;
  --motion-modal: 200ms;
  --motion-page: 240ms;
  --ease: cubic-bezier(0.2, 0, 0, 1);
  --radius-card: 12px;
  --radius-control: 8px;
  --space-panel: 24px;
  --bg: #F7F8FA;
  --surface: #FFFFFF;
  --surface-alt: #F0F2F5;
  --sidebar: #FFFFFF;
  --text: #1F2329;
  --muted: #626A78;
  --action: #BE3569;
  --action-hover: #A82B5B;
  --on-action: #FFFFFF;
  --selected: #FBEAF0;
  --selected-text: #9F2958;
  --border: #DFE3E9;
  --strong-border: #7B8493;
  --success: #2F6954;
  --success-bg: #EAF5EF;
  --warning: #855C16;
  --warning-bg: #FFF5DF;
  --danger: #B43941;
  --danger-bg: #FCEDEE;
  --focus: #BE3569;
  --shadow: 0 4px 24px rgba(31, 35, 41, 0.06);
}

html[data-variant='clarity'] {
  --radius-card: 12px;
  --radius-control: 8px;
  --space-panel: 24px;
}

html[data-variant='clarity'][data-theme='light'] {
  color-scheme: light;
  --bg: #F7F8FA;
  --surface: #FFFFFF;
  --surface-alt: #F0F2F5;
  --sidebar: #FFFFFF;
  --text: #1F2329;
  --muted: #626A78;
  --action: #BE3569;
  --action-hover: #A82B5B;
  --on-action: #FFFFFF;
  --selected: #FBEAF0;
  --selected-text: #9F2958;
  --border: #DFE3E9;
  --strong-border: #7B8493;
  --success: #2F6954;
  --success-bg: #EAF5EF;
  --warning: #855C16;
  --warning-bg: #FFF5DF;
  --danger: #B43941;
  --danger-bg: #FCEDEE;
  --focus: #BE3569;
  --shadow: 0 4px 24px rgba(31, 35, 41, 0.06);
}

html[data-variant='clarity'][data-theme='dark'] {
  color-scheme: dark;
  --bg: #16191E;
  --surface: #1E2229;
  --surface-alt: #272C34;
  --sidebar: #12151A;
  --text: #EEF0F4;
  --muted: #AAB2C0;
  --action: #EF97B9;
  --action-hover: #F6AEC9;
  --on-action: #351322;
  --selected: #3D2633;
  --selected-text: #F6ABC7;
  --border: #3C424D;
  --strong-border: #707C8C;
  --success: #8CD4AE;
  --success-bg: #203A2D;
  --warning: #EDCB86;
  --warning-bg: #3F3420;
  --danger: #F6A1AA;
  --danger-bg: #43282E;
  --focus: #EF97B9;
  --shadow: 0 4px 24px rgba(0, 0, 0, 0.2);
}

html[data-variant='warm'] {
  --radius-card: 16px;
  --radius-control: 10px;
  --space-panel: 28px;
}

html[data-variant='warm'][data-theme='light'] {
  color-scheme: light;
  --bg: #FAF8F5;
  --surface: #FFFFFF;
  --surface-alt: #F4F0EA;
  --sidebar: #F5F1EC;
  --text: #322B2D;
  --muted: #706467;
  --action: #AD365F;
  --action-hover: #942B50;
  --on-action: #FFFFFF;
  --selected: #F9EAF0;
  --selected-text: #912A51;
  --border: #E5DDD7;
  --strong-border: #8C7E7B;
  --success: #416B4A;
  --success-bg: #ECF4EB;
  --warning: #805D24;
  --warning-bg: #FBF1DD;
  --danger: #AC3E3E;
  --danger-bg: #FAEBE8;
  --focus: #AD365F;
  --shadow: 0 6px 28px rgba(61, 40, 43, 0.06);
}

html[data-variant='warm'][data-theme='dark'] {
  color-scheme: dark;
  --bg: #1C1819;
  --surface: #262123;
  --surface-alt: #30292B;
  --sidebar: #171416;
  --text: #F3ECE8;
  --muted: #C0B0B6;
  --action: #EB9AB6;
  --action-hover: #F3AEC5;
  --on-action: #371723;
  --selected: #442B35;
  --selected-text: #F5B2CA;
  --border: #494044;
  --strong-border: #8A777F;
  --success: #A5D4AA;
  --success-bg: #2C392B;
  --warning: #EACC91;
  --warning-bg: #403420;
  --danger: #F0AAA7;
  --danger-bg: #442C2D;
  --focus: #EB9AB6;
  --shadow: 0 6px 28px rgba(0, 0, 0, 0.2);
}

html[data-variant='precision'] {
  --radius-card: 8px;
  --radius-control: 6px;
  --space-panel: 20px;
}

html[data-variant='precision'][data-theme='light'] {
  color-scheme: light;
  --bg: #F5F7FB;
  --surface: #FFFFFF;
  --surface-alt: #EDF1F7;
  --sidebar: #EBEFF5;
  --text: #202938;
  --muted: #5E6B7E;
  --action: #B83D70;
  --action-hover: #9F2F5E;
  --on-action: #FFFFFF;
  --selected: #F8EAF1;
  --selected-text: #983160;
  --border: #D9E0EB;
  --strong-border: #74829A;
  --success: #286554;
  --success-bg: #E7F3EF;
  --warning: #805C1C;
  --warning-bg: #FFF2D8;
  --danger: #AE3946;
  --danger-bg: #FCEBF0;
  --focus: #B83D70;
  --shadow: 0 2px 12px rgba(32, 41, 56, 0.04);
}

html[data-variant='precision'][data-theme='dark'] {
  color-scheme: dark;
  --bg: #131923;
  --surface: #1C2532;
  --surface-alt: #263141;
  --sidebar: #101620;
  --text: #ECF1FA;
  --muted: #ADB9CE;
  --action: #EA9CC1;
  --action-hover: #F4B1D0;
  --on-action: #321729;
  --selected: #392A40;
  --selected-text: #F1B3D1;
  --border: #3C4A60;
  --strong-border: #778AA6;
  --success: #88D7BC;
  --success-bg: #1E3B32;
  --warning: #F0CD86;
  --warning-bg: #40371F;
  --danger: #F8A4B4;
  --danger-bg: #422A36;
  --focus: #EA9CC1;
  --shadow: 0 2px 12px rgba(0, 0, 0, 0.18);
}

@media (prefers-reduced-motion: reduce) {
  :root {
    --motion-fast: 0ms;
    --motion-modal: 0ms;
    --motion-page: 0ms;
  }
}