/**
 * 外部主题示例：只允许改 CSS 变量，不写选择器。
 *
 * 用法：在应用入口里、`@stash/ui/style.css` 之后引入
 *   import '@stash/ui/style.css'
 *   import './themes/example.css'
 *
 * 这个文件演示「换一套品牌色 + 换形态」，组件代码完全不动。
 */
:root {
  /* ---------- 颜色（语义令牌） ---------- */
  --su-color-primary: #6c5ce7;
  --su-color-primary-hover: #5a4bd1;
  --su-color-primary-soft: rgb(108 92 231 / 10%);

  /* ---------- 形态（半径 / 阴影 / 控件高度） ---------- */
  --su-radius-sm: 8px;
  --su-radius-md: 16px;
  --su-radius-cover: 10px;
  --su-shadow-card: 0 8px 24px rgb(20 18 40 / 6%);
  --su-shadow-hover: 0 10px 28px rgb(20 18 40 / 10%);
  --su-control-height-md: 40px;
  --su-control-height-lg: 48px;

  /* ---------- 字体 ---------- */
  --su-font-sans: 'Inter', -apple-system, 'Segoe UI', sans-serif;
  --su-reading-line-height: 1.75;
}

/* 深色主题同样只改变量 */
:root[data-scheme='dark'] {
  --su-color-primary: #8b7bff;
  --su-color-primary-hover: #9d90ff;
  --su-bg-page: #0d0d12;
  --su-bg-card: #17171f;
  --su-shadow-card: 0 8px 24px rgb(0 0 0 / 55%);
}