/*
 * 主站默认皮肤 —— 卓采汇橙
 *
 * 本文件 ONLY 覆盖 `assets/css/tailwind/app.css` 里 @theme 定义的 token。
 * 写法：在 :root 上直接覆盖 CSS 变量；不要再写 @theme（@theme 只在构建时生成 utility）。
 *
 * 加载顺序（base.html.twig 里）：
 *   <link rel="stylesheet" href="/build/tailwind.css">       ← Tailwind utility 池 + 默认 token
 *   <link rel="stylesheet" href="/build/skins/site-default/theme.css">  ← 本文件，覆盖 token
 *
 * 新建皮肤：复制本目录改个名（如 skins/site/dark/）然后修改下面变量值即可。
 */

:root {
  /* 主色：卓采汇橙(对齐老版硬编码 #FF8C20,hue 调红 55 → 48) */
  --color-primary: oklch(72% 0.17 48);
  --color-primary-hover: oklch(65% 0.17 48);
  --color-primary-active: oklch(58% 0.17 48);

  /* Bootstrap 5 也在用,它的 .border-primary / .text-primary / .btn-primary 都靠这两个变量,
     而且自带 !important,无视加载顺序;不在这里同步覆盖,新页面会被 Bootstrap 默认蓝(#0d6efd)拽回去 */
  --bs-primary: #ff8c20;
  --bs-primary-rgb: 255, 140, 32;

  /* 强调：默认蓝（链接、active） */
  --color-accent: oklch(60% 0.20 250);
  --color-accent-hover: oklch(54% 0.20 250);

  /* 圆角偏小（卓采汇风格偏紧凑） */
  --radius-input: 0.25rem;
  --radius-button: 0.25rem;
  --radius-card: 0.375rem;
}