/*
 * design-tokens.css — Canvas Gold (warm) 设计系统
 *
 * 唯一的配色真相来源。
 * Astro 站点 (Base.astro) 和编辑器 SPA (edit/index.html) 共用此文件。
 *
 * 编辑器使用深色主题，通过 [data-theme="dark"] 覆盖语义变量。
 */

:root {
  /* ── 品牌色 ── */
  --color-primary: #345B65;
  --color-primary-dark: #264650;
  --color-primary-light: #F0F6F7;
  --color-accent: #D4A017;

  /* ── 语义色 ── */
  --color-bg: #FAFAFA;
  --color-surface: #FFFFFF;
  --color-text: #1A2E35;
  --color-text-secondary: #64748B;
  --color-border: #e2e8f0;

  /* ── 阴影 ── */
  --shadow-sm: 0 1px 3px rgba(0,0,0,0.06);
  --shadow-md: 0 4px 12px rgba(0,0,0,0.08);
  --shadow-lg: 0 8px 24px rgba(0,0,0,0.12);

  /* ── 圆角 ── */
  --radius: 12px;
  --radius-sm: 8px;

  /* ── 布局 ── */
  --max-width: 1200px;
}

/* ── 编辑器深色主题覆盖 ── */
[data-theme="dark"] {
  --color-bg: #0f0f1a;
  --color-surface: #1a1a2e;
  --color-surface-alt: #12122a;
  --color-text: #e0e0e0;
  --color-text-secondary: #888;
  --color-text-muted: #555;
  --color-border: #2a2a4a;
  --color-border-strong: #3a3a6a;

  /* 品牌色在深色背景上用更亮的变体 */
  --color-primary-hover: #3d6e7a;
  --color-primary-text: #6db3c0;
  --color-primary-alpha-08: rgba(52, 91, 101, 0.08);
  --color-primary-alpha-12: rgba(52, 91, 101, 0.12);
  --color-primary-alpha-15: rgba(52, 91, 101, 0.15);
  --color-primary-alpha-25: rgba(52, 91, 101, 0.25);
}