/* ============================================================
 * xfo178中转站 · 管理后台主题覆盖
 * 只覆盖设计令牌（shadcn CSS 变量），不改组件结构。
 * 与前台 theme/brand-tokens.css 同一套色板。
 * ============================================================ */

:root:root {
  --radius: 0.75rem;

  --background: #f8f6fc;
  --foreground: #2b2f38;
  --card: #ffffff;
  --card-foreground: #2b2f38;
  --popover: #ffffff;
  --popover-foreground: #2b2f38;

  --primary: #a06ac7;
  --primary-foreground: #ffffff;
  --secondary: #f3eefb;
  --secondary-foreground: #5b3a7a;
  --muted: #f3eefb;
  --muted-foreground: #7b7f92;
  --accent: #f3eefb;
  --accent-foreground: #5b3a7a;

  --destructive: #e5484d;
  --border: #e6e1f0;
  --input: #e6e1f0;
  --ring: #b28ad8;

  --sidebar: #fbf9fe;
  --sidebar-foreground: #2b2f38;
  --sidebar-primary: #8a5ab5;
  --sidebar-primary-foreground: #ffffff;
  --sidebar-accent: #f3eefb;
  --sidebar-accent-foreground: #6b3f94;
  --sidebar-border: #e6e1f0;

  --quota-product-0: #a06ac7;
  --quota-product-1: #5b8def;
  --quota-product-2: #2fa36b;
  --quota-product-3: #d98324;
  --quota-product-4: #8a5ab5;
  --quota-product-5: #4f6bd8;
  --quota-product-6: #e5484d;
}

html.dark:root {
  --background: #1d1725;
  --foreground: #efe9f6;
  --card: #241c2e;
  --card-foreground: #efe9f6;
  --popover: #241c2e;
  --popover-foreground: #efe9f6;

  --primary: #b78cdd;
  --primary-foreground: #241c2e;
  --secondary: #35294a;
  --secondary-foreground: #e6d8f5;
  --muted: #2d2439;
  --muted-foreground: #b6a9c9;
  --accent: #35294a;
  --accent-foreground: #e6d8f5;

  --destructive: #e5484d;
  --border: #3a2f4d;
  --input: #3a2f4d;
  --ring: #b78cdd;

  --sidebar: #201a29;
  --sidebar-foreground: #efe9f6;
  --sidebar-primary: #b78cdd;
  --sidebar-primary-foreground: #241c2e;
  --sidebar-accent: #35294a;
  --sidebar-accent-foreground: #e6d8f5;
  --sidebar-border: #3a2f4d;

  --quota-product-0: #b78cdd;
  --quota-product-1: #7aa2f7;
  --quota-product-2: #3fbf80;
  --quota-product-3: #e8a04b;
  --quota-product-4: #a98be8;
  --quota-product-5: #7c8ff0;
  --quota-product-6: #f0666b;
}

/* 品牌细节：登录页与侧边栏的圆角更柔和、卡片带一点紫调阴影 */
body {
  background-image: radial-gradient(
    60% 42% at 50% 0%,
    color-mix(in oklab, var(--primary) 12%, transparent) 0%,
    transparent 70%
  );
  background-repeat: no-repeat;
  background-attachment: fixed;
}

/* 主按钮：品牌渐变 + 微光，和前台 CTA 一致 */
button[data-brand-cta],
.brand-cta {
  background-image: linear-gradient(135deg, #a06ac7 0%, #7b5cd6 55%, #5b6ee0 100%) !important;
  color: #fff !important;
  border-color: transparent !important;
  box-shadow: 0 8px 24px -12px color-mix(in oklab, var(--primary) 70%, transparent);
}
.dark button[data-brand-cta],
.dark .brand-cta {
  background-image: linear-gradient(135deg, #b78cdd 0%, #8f7ae8 55%, #6f83f0 100%) !important;
  color: #1d1725 !important;
}