/* ==========================================================================
   流年 API -「挼蓝 × 绛纱樱色」全系统纯色彩变量规范 (UI Design System Tokens)
   
   【核心原则】
   - 100% 原生纯变量架构：严禁改动任何宽高、边距、圆角、字体、排版或组件结构
   - 80/20 经典东方莫兰迪色阶：
     * 主色调 80%：纯正「挼蓝」（#508AA8）统领全站核心操作、主要按钮与激活菜单
     * 点缀色 20%：灵动「樱色 / 绛纱粉」（#EAA7A1 / 浅底 #FCEBEA / 深字 #9C3630）精准点缀
     * 画布底色：参考图同款温润「绛纱暖白」（#FAF4EE）
   ========================================================================== */

/* --------------------------------------------------------------------------
   日间 / 默认模式 (Light & Default) - 穿透所有层级与 Theme Presets
   -------------------------------------------------------------------------- */
:root,
html,
body,
#root,
[data-theme-preset],
[data-theme-preset] *,
[data-theme="light"],
[data-theme="default"],
.light,
.light * {
  /* 画布基底与全局正文文字 */
  --background: #FAF4EE !important;
  --foreground: #24333E !important;

  /* 卡片、面板与弹出层 */
  --card: #FFFFFF !important;
  --card-foreground: #24333E !important;
  --popover: #FFFFFF !important;
  --popover-foreground: #24333E !important;

  /* 核心主操作色 (挼蓝 #508AA8) */
  --primary: #508AA8 !important;
  --primary-foreground: #FFFFFF !important;

  /* 次级组件色 (樱色浅底 #FCEBEA 与深樱字 #9C3630) */
  --secondary: #FCEBEA !important;
  --secondary-foreground: #9C3630 !important;

  /* 弱化背景与次级辅助文本 */
  --muted: #F3ECE5 !important;
  --muted-foreground: #6B8090 !important;

  /* 核心强调与点缀 (樱色 / 绛纱粉) */
  --accent: #FCEBEA !important;
  --accent-foreground: #9C3630 !important;

  /* 警示与破坏性操作 (柔和绛朱) */
  --destructive: #E6736C !important;
  --destructive-foreground: #FFFFFF !important;

  /* 状态色彩 */
  --success: #508AA8 !important;
  --success-foreground: #FFFFFF !important;
  --warning: #EAA7A1 !important;
  --warning-foreground: #24333E !important;
  --info: #B4D7E7 !important;
  --info-foreground: #1E3D4F !important;
  --neutral: #6B8090 !important;
  --neutral-foreground: #FFFFFF !important;

  /* 边框、输入框与聚焦光圈 (主色挼蓝) */
  --border: #E9DFD5 !important;
  --input: #E9DFD5 !important;
  --ring: #508AA8 !important;

  /* 侧边栏专属变量 (主色挼蓝，悬浮与点缀樱粉) */
  --sidebar: #FAF4EE !important;
  --sidebar-foreground: #24333E !important;
  --sidebar-primary: #508AA8 !important;
  --sidebar-primary-foreground: #FFFFFF !important;
  --sidebar-accent: #FCEBEA !important;
  --sidebar-accent-foreground: #9C3630 !important;
  --sidebar-border: #E9DFD5 !important;
  --sidebar-ring: #508AA8 !important;

  /* 表格行底色与表头 */
  --table-row: #FFFFFF !important;
  --table-header: #F4ECE4 !important;
  --table-header-hover: #EFE6DC !important;

  /* 东方莫兰迪全景 5 色图谱 (挼蓝主色 + 樱色次主色 + 天青辅色 + 浅樱粉 + 深黛蓝) */
  --chart-1: #508AA8 !important;
  --chart-2: #EAA7A1 !important;
  --chart-3: #B4D7E7 !important;
  --chart-4: #F5C6C2 !important;
  --chart-5: #355C72 !important;
  --overview-accent-1: #508AA8 !important;
  --overview-accent-2: #EAA7A1 !important;
  --overview-accent-3: #B4D7E7 !important;

  /* 骨架屏动画色 */
  --skeleton-base: #F0E8E1 !important;
  --skeleton-highlight: #FAF5F0 !important;

  /* Tailwind 色板变量映射 (将内置 blue/sky 映射为挼蓝，pink/rose 映射为樱色) */
  --color-blue-50: #F0F7FA !important;
  --color-blue-100: #E0EFF5 !important;
  --color-blue-500: #508AA8 !important;
  --color-blue-600: #437996 !important;
  --color-sky-50: #F4F9FB !important;
  --color-sky-100: #B4D7E7 !important;
  --color-sky-500: #508AA8 !important;
  --color-pink-50: #FDFAF9 !important;
  --color-pink-100: #FCEBEA !important;
  --color-pink-500: #EAA7A1 !important;
  --color-rose-50: #FDFAF9 !important;
  --color-rose-100: #FCEBEA !important;
  --color-rose-500: #EAA7A1 !important;
}

/* --------------------------------------------------------------------------
   暗色模式 (Dark Mode)
   -------------------------------------------------------------------------- */
.dark,
[data-theme="dark"],
.dark [data-theme-preset],
.dark [data-theme-preset] *,
.dark * {
  --background: #182026 !important;
  --foreground: #F4ECE6 !important;
  --card: #202A32 !important;
  --card-foreground: #F4ECE6 !important;
  --popover: #202A32 !important;
  --popover-foreground: #F4ECE6 !important;
  --primary: #5BA3C6 !important;
  --primary-foreground: #FFFFFF !important;
  --secondary: #352528 !important;
  --secondary-foreground: #F6BCB8 !important;
  --muted: #26333D !important;
  --muted-foreground: #9BB1BF !important;
  --accent: #352528 !important;
  --accent-foreground: #F6BCB8 !important;
  --destructive: #E6736C !important;
  --destructive-foreground: #FFFFFF !important;
  --border: #2B3B47 !important;
  --input: #2B3B47 !important;
  --ring: #5BA3C6 !important;
  --sidebar: #151B20 !important;
  --sidebar-foreground: #F4ECE6 !important;
  --sidebar-primary: #5BA3C6 !important;
  --sidebar-primary-foreground: #FFFFFF !important;
  --sidebar-accent: #352528 !important;
  --sidebar-accent-foreground: #F6BCB8 !important;
  --sidebar-border: #2B3B47 !important;
  --sidebar-ring: #5BA3C6 !important;
  --chart-1: #5BA3C6 !important;
  --chart-2: #EAA7A1 !important;
  --chart-3: #B4D7E7 !important;
  --chart-4: #F5C6C2 !important;
  --chart-5: #355C72 !important;
  --skeleton-base: #26333D !important;
  --skeleton-highlight: #334350 !important;
}

/* --------------------------------------------------------------------------
   微细节颜色（仅文本选中与滚动条颜色，零排版侵入）
   -------------------------------------------------------------------------- */
::selection {
  background-color: rgba(234, 167, 161, 0.4) !important;
  color: #24333E !important;
}
::-webkit-scrollbar-track {
  background: #FAF4EE;
}
::-webkit-scrollbar-thumb {
  background: #D8CCC0;
}
::-webkit-scrollbar-thumb:hover {
  background: #508AA8;
}