/* =====================================================================
   DreamHub IP · UI 设计组件库 — Design Tokens
   颜色为品牌手册 8.6「Web 颜色 Token」唯一来源，业务代码不得重新定义色值。
   依据：《Dream｜橘映.ai AI 全球发行智能战略与品牌系统》第 08 章 品牌视觉系统
   ===================================================================== */

:root {
  /* ---------- 品牌橘色阶 ---------- */
  --dream-orange-50: #fff3eb;
  --dream-orange-100: #ffe4d1;
  --dream-orange-300: #ffb067;
  --dream-orange-500: #ff6a1a;
  --dream-orange-600: #e9570c;
  --dream-orange-700: #c74400;

  /* ---------- 中性色 ---------- */
  --dream-brand-paper: #fff9f4;
  --dream-app-canvas: #f4f1ec;
  --dream-surface: #ffffff;
  --dream-surface-warm: #fbf8f4;
  --dream-ink-950: #171412;
  --dream-ink-700: #4e4742;
  --dream-ink-500: #6a625d;
  --dream-mist-200: #e9e3de;
  --dream-line: #ded9d2;
  --dream-line-soft: #ebe7e1;
  --dream-on-orange: #171412;
  --dream-accent-text: #bf4000;

  /* ---------- 产品识别色（标记/填充/线条；普通字号文字使用配套 text Token） ---------- */
  --dream-write: #f59e0b;
  --dream-write-text: #8a5200;
  --dream-ip: #147d73;
  --dream-ip-text: #106b63;
  --dream-drama: #f04452;
  --dream-drama-text: #b92f43;
  --dream-cut: #e5532d;
  --dream-cut-text: #b33b21;
  --dream-go: #2f6bff;
  --dream-go-text: #2456c7;
  --dream-hub: #6c5ce7;
  --dream-hub-text: #5847c7;

  /* ---------- 界面语义色（独立于产品识别色） ---------- */
  --dream-info: #245bdb;
  --dream-success: #0f6b4b;
  --dream-warning: #8a5a00;
  --dream-danger: #b4233a;
  --dream-pending: #5b4bc4;
  --dream-disabled: #766f69;
  --dream-focus: #245bdb;

  /* ---------- 连续数据色阶（流程/漏斗） ---------- */
  --dream-data-1: #f2b894;
  --dream-data-2: #ff9855;
  --dream-data-3: #f4782e;
  --dream-data-4: #d95a12;
  --dream-data-5: #a63a00;

  /* ---------- 深色底上的语义强调（图标/数字，品牌 8.5 同款提亮处理） ---------- */
  --dream-success-on-dark: #4ade9c;
  --dream-danger-on-dark: #ff8fa0;

  /* ---------- 深色创作工作台 ---------- */
  --dream-dark-canvas: #171412;
  --dream-dark-surface-1: #201c1a;
  --dream-dark-surface-2: #2a2522;
  --dream-dark-border: #3a332f;
  --dream-dark-text: #f8f4ef;
  --dream-dark-text-secondary: #b8b0a9;

  /* ---------- 语义色的浅色底（徽章/Alert 用，由主色按品牌比例稀释） ---------- */
  --dream-info-bg: #e8eefb;
  --dream-success-bg: #e4f2ec;
  --dream-warning-bg: #f6eddb;
  --dream-danger-bg: #f9e7ea;
  --dream-pending-bg: #ebe8f8;
  --dream-ip-bg: #e2f0ee;
  --dream-orange-bg: var(--dream-orange-100);

  /* ---------- 字体 ---------- */
  --dream-font-sans: Inter, "Noto Sans SC", "PingFang SC", "Microsoft YaHei", sans-serif;
  --dream-font-mono: "JetBrains Mono", "SFMono-Regular", Consolas, monospace;

  /* 字阶：品牌 8.7 — 大标题 700-800 / 页面标题 600-700 / 正文 400-500 行高约 1.7 */
  --dream-text-display: 2.5rem;    /* 40px 品牌时刻 */
  --dream-text-h1: 1.75rem;        /* 28px 页面标题 */
  --dream-text-h2: 1.375rem;       /* 22px 区块标题 */
  --dream-text-h3: 1.125rem;       /* 18px 卡片标题 */
  --dream-text-h4: 1rem;           /* 16px 小标题 */
  --dream-text-body: 0.9375rem;    /* 15px 工作台正文 */
  --dream-text-small: 0.8125rem;   /* 13px 辅助文字 */
  --dream-text-caption: 0.75rem;   /* 12px 标签/说明 */

  /* ---------- 间距：基础单位 8px（品牌 8.8） ---------- */
  --dream-space-1: 4px;
  --dream-space-2: 8px;
  --dream-space-3: 12px;
  --dream-space-4: 16px;
  --dream-space-5: 24px;
  --dream-space-6: 32px;
  --dream-space-7: 48px;
  --dream-space-8: 64px;

  /* ---------- 圆角：按钮 10-12px、卡片 16px（品牌 8.8） ---------- */
  --dream-radius-button: 10px;
  --dream-radius-input: 10px;
  --dream-radius-card: 16px;
  --dream-radius-panel: 24px;
  --dream-radius-full: 999px;

  /* ---------- 阴影：主内容区不超过两种层级（品牌 8.8） ---------- */
  --dream-shadow-s: 0 1px 2px rgba(23, 20, 18, 0.04), 0 8px 24px rgba(23, 20, 18, 0.05);
  --dream-shadow-l: 0 32px 90px rgba(23, 20, 18, 0.12);

  /* ---------- 动效：页面进入 200-300ms 淡入与轻微上移（品牌 8.11） ---------- */
  --dream-motion-fast: 150ms;
  --dream-motion-base: 220ms;
  --dream-motion-slow: 300ms;
  --dream-motion-ease: cubic-bezier(0.22, 0.61, 0.36, 1);

  /* ---------- 层级 ---------- */
  --dream-z-dropdown: 500;
  --dream-z-sticky: 100;
  --dream-z-overlay: 800;
  --dream-z-modal: 900;
  --dream-z-toast: 1000;
}