/* =========================================================
   CubeCloud 主题 · 设计令牌 Design Tokens
   风格基准：#165DFF 科技蓝 / 深藏青标题 / 8px 圆角 / 明暗分区
   ========================================================= */
:root {
  /* 品牌色 */
  --cc-primary: #165DFF;
  --cc-primary-hover: #4080FF;
  --cc-primary-active: #0E42D2;
  --cc-deep: #0052D9;
  --cc-gradient: linear-gradient(135deg, #3A7BFF 0%, #165DFF 60%, #0052D9 100%);
  --cc-primary-bg: #E8F3FF;
  --cc-primary-bg-hover: #D6E7FF;

  /* 中性色 */
  --cc-text-1: #172C45;
  --cc-text-2: #41464F;
  --cc-text-3: #86909C;
  --cc-text-disabled: #C3C3C3;
  --cc-bg-page: #FFFFFF;
  --cc-bg-gray-1: #F7F7F7;
  --cc-bg-gray-2: #F2F2F2;
  --cc-bg-dark-1: #0B0D12;
  --cc-bg-dark-2a: #1B2338;
  --cc-bg-dark-2b: #232F4B;
  --cc-line-1: #E5E6EB;
  --cc-line-2: #F2F3F5;

  /* 功能色 / 点缀色 */
  --cc-orange: #FF6E1D;
  --cc-red: #F53F3F;
  --cc-green: #00B42A;
  --cc-green-bg: #E8FFEA;
  --cc-red-bg: #FFECE8;
  --cc-orange-bg: #FFF3E8;
  --cc-blue-bg: #E8F3FF;
  --cc-purple-bg: #F5E8FF;
  --cc-warning-bg: #FFF7E8;

  /* 圆角 */
  --cc-radius-sm: 4px;
  --cc-radius-md: 8px;
  --cc-radius-lg: 16px;
  --cc-radius-pill: 999px;

  /* 阴影 */
  --cc-shadow-1: 0 2px 8px rgba(23, 44, 69, .06);
  --cc-shadow-2: 0 8px 24px rgba(23, 44, 69, .10);
  --cc-shadow-3: 0 16px 48px rgba(22, 93, 255, .16);

  /* 字体 */
  --cc-font: "Inter", -apple-system, BlinkMacSystemFont, "PingFang SC",
    "Hiragino Sans GB", "Noto Sans SC", "Source Han Sans SC", "Microsoft YaHei",
    "Helvetica Neue", Helvetica, Arial, sans-serif;

  /* 布局 */
  --cc-container: 1200px;
  --cc-nav-h: 72px;

  /* 动效 */
  --cc-ease: cubic-bezier(.25, .8, .35, 1);

  /* 毛玻璃 Glassmorphism */
  --cc-glass-bg: rgba(255, 255, 255, .60);          /* 浅色面玻璃底 */
  --cc-glass-bg-strong: rgba(255, 255, 255, .78);   /* 需更高可读性时（表格/表单） */
  --cc-glass-bg-dark: rgba(255, 255, 255, .07);     /* 深色面上的玻璃底 */
  --cc-glass-border: rgba(255, 255, 255, .55);      /* 浅色面玻璃描边 */
  --cc-glass-border-dark: rgba(255, 255, 255, .14); /* 深色面玻璃描边 */
  --cc-glass-blur: 18px;
  --cc-glass-blur-strong: 26px;
  --cc-glass-highlight: inset 0 1px 0 rgba(255, 255, 255, .55);   /* 顶部内高光 */
  --cc-glass-highlight-dark: inset 0 1px 0 rgba(255, 255, 255, .10);
  --cc-glass-shadow: 0 8px 32px rgba(23, 44, 69, .12);
}