/* ============================================================
   设计令牌 (Design Tokens) — 雾蓝事务所 + 粉色点缀
   计划分解器 · UI Designer
   风格：整块色块 / 卡通圆润 / 亚麻质感标签 / 无框硬阴影
   配色：近白 #f4f8fd / 浅天蓝 #d2eaf6 / 浅蓝 #c3d7f2 /
         蓝紫 #778ccf / 粉 #e08aa8 / 深蓝紫文字 #2f3a59
   说明：完全避开大范围的黄、绿；薄荷绿仅作极小面积装饰
   ============================================================ */

:root {
  /* ---------- 页面 / 表面（雾蓝家族）---------- */
  --color-bg:        #f4f8fd;   /* 页面背景：极淡蓝白 */
  --color-surface:   #d2eaf6;   /* 面板底色：浅天蓝 */
  --color-surface-2: #eaf2fc;   /* 卡片 / 次级底色：近白蓝 */
  --color-surface-3: #c3d7f2;   /* 浅蓝：强调块 / hover */

  /* ---------- 主色：蓝紫 ---------- */
  --color-primary-100: #c3d7f2;
  --color-primary-200: #a9c0ec;
  --color-primary-300: #93aee6;
  --color-primary-400: #778ccf;   /* 按钮 / logo */
  --color-primary-500: #5d72c0;   /* hover / active */
  --color-primary-600: #4a5da8;

  /* 次强调（旧 accent，保留兼容） */
  --color-accent-400: #a9c0ec;
  --color-accent-500: #778ccf;

  /* ---------- 粉色点缀（约占 10%）---------- */
  --color-pink:        #e08aa8;   /* 选中态 / 强调块 */
  --color-pink-soft:   #fbeaf0;   /* AI 实时条底 / 淡标签 */
  --color-pink-strong: #d4537e;   /* 玫红文字 / 描边 */

  /* ---------- 语义色 ---------- */
  --color-success: #5bbf9b;
  --color-success-bg: #d8f0e6;
  --color-warning: #e6a663;
  --color-error:   #e57373;
  --color-error-bg: #fbe0e0;
  --color-info:    #a9c0ec;

  /* ---------- 中性色 ---------- */
  --color-border:         #c3d4ea;   /* 浅边框 */
  --color-border-strong:  #6b7fc4;   /* 卡通粗描边 + 硬阴影色（蓝紫） */

  --color-text:        #2f3a59;   /* 深蓝紫文字 */
  --color-text-muted:  #5b6b8c;
  --color-text-subtle: #93a1bd;

  /* ---------- 大装饰色块（body 背景几何，避开黄绿）---------- */
  --blob-blue:   #d2eaf6;
  --blob-blue2:  #c3d7f2;
  --blob-violet: #d9c9f0;
  --blob-pink:   #fbeaf0;

  /* 时间块之间的视觉间隔 */
  --block-gap: 10px;

  /* 日历每小时高度 */
  --timeline-hour-height: 120px;

  /* ---------- 字体 ---------- */
  --font-sans: 'PingFang SC', 'Microsoft YaHei', 'Nunito', 'Segoe UI',
               'Noto Sans SC', sans-serif;
  --font-mono: 'JetBrains Mono', ui-monospace, 'SFMono-Regular', Menlo,
               Consolas, monospace;

  /* 字号 */
  --font-size-xs:   0.75rem;   /* 12px */
  --font-size-sm:   0.875rem;  /* 14px */
  --font-size-base: 1rem;      /* 16px */
  --font-size-lg:   1.125rem;  /* 18px */
  --font-size-xl:   1.25rem;   /* 20px */
  --font-size-2xl:  1.5rem;    /* 24px */
  --font-size-3xl:  1.875rem;  /* 30px */

  /* 字重 */
  --font-weight-normal: 400;
  --font-weight-medium: 500;
  --font-weight-semibold: 600;
  --font-weight-bold: 700;

  /* 行高 */
  --line-height-tight: 1.25;
  --line-height-normal: 1.5;
  --line-height-relaxed: 1.7;

  /* ---------- 间距 ---------- */
  --space-1: 0.25rem;  /* 4px */
  --space-2: 0.5rem;   /* 8px */
  --space-3: 0.75rem;  /* 12px */
  --space-4: 1rem;     /* 16px */
  --space-5: 1.25rem;  /* 20px */
  --space-6: 1.5rem;   /* 24px */
  --space-8: 2rem;     /* 32px */
  --space-10: 2.5rem;  /* 40px */
  --space-12: 3rem;    /* 48px */
  --space-16: 4rem;    /* 64px */

  /* ---------- 圆角（卡通：更大更圆）---------- */
  --radius-sm: 10px;
  --radius-md: 16px;
  --radius-lg: 24px;
  --radius-xl: 32px;
  --radius-full: 9999px;

  /* ---------- 阴影（卡通硬阴影：右下角，蓝紫色）---------- */
  --color-shadow: #6b7fc4;
  --shadow-sm: 2px 2px 0 var(--color-shadow);
  --shadow-md: 4px 4px 0 var(--color-shadow);
  --shadow-lg: 6px 6px 0 var(--color-shadow);

  /* ---------- 过渡 ---------- */
  --transition-fast: 120ms ease;
  --transition-normal: 220ms ease;
  --transition-slow: 350ms ease;

  /* ---------- 尺寸常量 ---------- */
  --topbar-height: 64px;
  --panel-left-width: 340px;
  --panel-right-width: 340px;

  /* 时间线：可视起止小时 */
  --timeline-start-hour: 0;
  --timeline-end-hour: 24;

  /* ---------- 亚麻噪点纹理（SVG data URI，极淡）---------- */
  --linen-texture: url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.05'/%3E%3C/svg%3E");

  /* 吊牌孔洞颜色：白色小孔，形成"穿透"感 */
  --tag-hole-color: #ffffff;
}