/* ==========================================================================
   AxonHub 设计令牌（照抄层）—— 直接取自 looplj/axonhub frontend/src/index.css
   适配：Tailwind v4 的 @theme 映射改写为「原生 CSS 生效版」，供 AIya 单文件前端使用
   用法：<link rel="stylesheet" href="/static/theme.tokens.css"> 放在原 <style> 之前
   ========================================================================== */

/* ---------- 1. 品牌色阶（照抄 axonhub @theme inline 的 --color-brand-*） ---------- */
:root{
  --brand-50:#fbf7f5;  --brand-100:#f5ebe6; --brand-200:#edd5c8; --brand-300:#e0b6a1;
  --brand-400:#d08d6e; --brand-500:#b05d2e; --brand-600:#964823; --brand-700:#7a381d;
  --brand-800:#632e1a; --brand-900:#512718;
  --logo-accent:#a8844e;              /* champagne gold */
}

/* ---------- 2. 浅色主题（照抄 :root，注意 hue≈90 = 暖灰，与 AIya 现在的 285 冷灰不同） ---------- */
:root{
  --radius:.75rem;                    /* 12px（AIya 原 .625rem）*/
  --spacing:.25rem;                   /* 4px 基准 */
  --tracking-normal:0em;

  --background:oklch(.95 .005 90);    /* 暖浅灰底（AIya 原纯白）*/
  --foreground:oklch(.129 .042 264.695);
  --card:oklch(.97 .003 90);
  --card-foreground:var(--foreground);
  --popover:oklch(.99 .003 90);
  --popover-foreground:var(--foreground);
  --primary:oklch(.208 .042 265.755);
  --primary-foreground:oklch(.984 .003 247.858);
  --secondary:oklch(.92 .007 90);
  --secondary-foreground:var(--primary);
  --muted:oklch(.9 .008 90);
  --muted-foreground:oklch(.45 .03 257.417);
  --accent:oklch(.88 .009 90);
  --accent-foreground:var(--primary);
  --destructive:oklch(.62 .22 25.5);
  --border:oklch(.85 .01 90);
  --input:oklch(.85 .01 90);
  --ring:oklch(.704 .04 256.788);

  --chart-1:oklch(.646 .222 41.116); --chart-2:oklch(.6 .118 184.704);
  --chart-3:oklch(.398 .07 227.392); --chart-4:oklch(.6 .18 150);
  --chart-5:oklch(.769 .188 70.08);  --chart-6:oklch(.65 .15 280);

  --sidebar:var(--card);
  --sidebar-foreground:var(--foreground);
  --sidebar-primary:var(--primary);
  --sidebar-primary-foreground:var(--primary-foreground);
  --sidebar-accent:oklch(.92 .007 90);
  --sidebar-accent-foreground:var(--primary);
  --sidebar-border:var(--border);
  --sidebar-ring:var(--ring);

  /* 大而柔的阴影（这是「好看」的关键之一，AIya 现在是 0 1px 2px 硬阴影）*/
  --shadow-2xs:0 1px 3px 0 rgba(0,0,0,.04);
  --shadow-xs:0 1px 3px 0 rgba(0,0,0,.04);
  --shadow-sm:0 20px 40px -15px rgba(0,0,0,.08);
  --shadow:0 20px 40px -12px rgba(0,0,0,.1);
  --shadow-md:0 20px 40px -12px rgba(0,0,0,.1);
  --shadow-lg:0 0 20px rgba(0,0,0,.15);
  --shadow-xl:0 8px 10px -1px rgba(0,0,0,.06);
  --shadow-2xl:0 1px 3px 0 rgba(0,0,0,.12);

  --table-background:var(--card);
  --table-border:oklch(.985 .003 90);
  --table-header:var(--muted);

  /* 圆角刻度（照抄 @theme inline 的 calc 规则）*/
  --radius-sm:calc(var(--radius) * .5);   /* 6px  */
  --radius-md:var(--radius);              /* 12px */
  --radius-lg:calc(var(--radius) * 1.5);  /* 18px */
  --radius-xl:calc(var(--radius) * 2);    /* 24px */

  /* AIya 旧变量名别名（原前端用 --radius-s / --radius-l / --radius-max）*/
  --radius-s:calc(var(--radius) * .5);    /* 6px  */
  --radius-l:calc(var(--radius) * 1.5);   /* 18px */
  --radius-max:999px;

  /* 字体 */
  --font-sans:Inter,ui-sans-serif,system-ui,-apple-system,"PingFang SC","Microsoft YaHei",sans-serif;
  --font-mono:"JetBrains Mono",ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
  --font-serif:"Source Serif 4",ui-serif,Georgia,serif;
}

/* ---------- 3. 深色主题（照抄 .dark） ---------- */
.dark{
  --logo-accent:#d4b98a;
  --background:oklch(.16 .03 264.695);
  --foreground:oklch(.984 .003 247.858);
  --card:oklch(.22 .03 260);
  --card-foreground:oklch(.984 .003 247.858);
  --popover:oklch(.24 .03 260);
  --popover-foreground:oklch(.984 .003 247.858);
  --primary:oklch(.929 .013 255.508);
  --primary-foreground:oklch(.208 .042 265.755);
  --secondary:oklch(.2 .025 260);
  --secondary-foreground:oklch(.984 .003 247.858);
  --muted:oklch(.19 .02 260);
  --muted-foreground:oklch(.704 .04 256.788);
  --accent:oklch(.26 .03 260);
  --accent-foreground:oklch(.984 .003 247.858);
  --destructive:oklch(.68 .2 22.5);
  --border:oklch(.3 .02 260);
  --input:oklch(.3 .02 260);
  --ring:oklch(.551 .027 264.364);
  --table-border:oklch(1 0 0 / 8%);
  --table-header:var(--muted);
}

/* ---------- 4. 基础层（照抄 axonhub @layer base，改成原生写法） ---------- */
*{box-sizing:border-box;border-color:var(--border);scrollbar-width:thin;scrollbar-color:var(--border) transparent}
html{overflow-x:hidden}
body{
  background:var(--background);color:var(--foreground);
  font-family:var(--font-sans);font-size:14px;line-height:1.5;
  min-height:100svh;width:100%;-webkit-font-smoothing:antialiased;
}
button:not(:disabled),[role=button]:not(:disabled),a,summary,label,[onclick]{cursor:pointer}
input,textarea,select{cursor:text}
@media screen and (max-width:767px){input,select,textarea{font-size:16px !important}}
/* 细滚动条（axonhub 用 thin + --border 颜色）*/
::-webkit-scrollbar{width:8px;height:8px}
::-webkit-scrollbar-track{background:transparent}
::-webkit-scrollbar-thumb{background:var(--border);border-radius:9999px}
::-webkit-scrollbar-thumb:hover{background:var(--muted-foreground)}

/* ---------- 5. 排版刻度（AIya 现有 10/10.5/11/11.5/12/12.5/13/13.5/14/15 混用 → 收敛到 6 档） ---------- */
:root{
  --text-xs:12px;   --text-xs-lh:1.333;
  --text-sm:13px;   --text-sm-lh:1.43;    /* 表格/次要文字 */
  --text-base:14px; --text-base-lh:1.5;   /* 正文基准 */
  --text-md:16px;   --text-md-lh:1.5;     /* 卡片标题 */
  --text-lg:18px;   --text-lg-lh:1.4;
  --text-xl:20px;   --text-xl-lh:1.4;     /* 页面标题 */
  --text-2xl:24px;  --text-2xl-lh:1.33;
}

/* ---------- 6. 命名配色方案（照抄 axonhub 的 scheme 机制，可切换） ---------- */
.scheme-claude{ --background:#f0f0ef;--card:#f5f5f4;--popover:#fafaf9;--muted:#e0ddd9;--accent:#ebe3db;
  --foreground:#292524;--muted-foreground:#5c564f;--border:#d8d4cf;--input:#d8d4cf;
  --primary:#b05d2e;--primary-foreground:#fff;--ring:#b05d2e; }