/* ==========================================================================
   光影合拍 (photo-coop-hub) · 双主题机器可读设计令牌 (Design Tokens)
   1:1 严格映射 docs/UI_SPEC.md v0.2
   - 默认主视觉：明亮东方画册风 (:root)
   - 选片沉浸视觉：深色影楼暗房模式 ([data-theme="darkroom"])
   - 字号绝对下限：12px；触控热区绝对下限：44x44px
   ========================================================================== */

:root {
  /* 明亮东方画册风 (light-lookbook) */
  --bg-surface: #FAF7F2;
  --bg-card: #FFFDF9;
  --bg-variant: #F2ECE1;
  --bg-elevated: #FFFFFF;
  --primary: #9A6B28;
  --primary-hover: #7F561D;
  --primary-text: #7A521B;
  --primary-subtle: #F6EFE2;
  --primary-border: #D8BC8E;
  --on-primary: #FFFFFF;
  --accent: #C23B2B;
  --accent-hover: #A32E20;
  --accent-subtle: #FCECE9;
  --on-accent: #FFFFFF;
  --text-primary: #1F1D1A;
  --text-secondary: #575047;
  --text-muted: #6E665C;
  --outline: #E2D9C8;
  --outline-strong: #C7B89E;
  --success: #1F6E43;
  --success-subtle: #E7F4EC;
  --warning: #995800;
  --warning-subtle: #FEF3E1;
  --error: #B8281E;
  --error-subtle: #FDECEB;
  --watermark-line: rgba(31, 29, 26, 0.28);
  --watermark-badge: rgba(194, 59, 43, 0.82);

  /* 字体与字阶规范（严守 >= 12px） */
  --font-sans: 'Noto Sans SC', 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', system-ui, -apple-system, sans-serif;
  --font-serif: 'Noto Serif SC', 'Songti SC', 'STSong', Georgia, serif;
  --font-mono: 'JetBrains Mono', ui-monospace, 'SFMono-Regular', Menlo, monospace;

  --fs-display: 30px;
  --fs-headline: 22px;
  --fs-title: 18px;
  --fs-subtitle: 15px;
  --fs-body: 14px;
  --fs-caption: 12px;

  /* 间距尺度 (4px 基准) */
  --space-xs: 4px;
  --space-sm: 8px;
  --space-md: 16px;
  --space-lg: 24px;
  --space-xl: 32px;
  --space-2xl: 48px;

  /* 圆角与层级阴影 */
  --radius-sm: 8px;
  --radius-md: 14px;
  --radius-lg: 20px;
  --radius-pill: 999px;

  --shadow-card: 0 2px 8px rgba(31, 29, 26, 0.06), 0 1px 2px rgba(31, 29, 26, 0.04);
  --shadow-floating: 0 10px 28px rgba(31, 29, 26, 0.14), 0 2px 6px rgba(31, 29, 26, 0.08);
  --shadow-overlay: 0 20px 48px rgba(10, 10, 12, 0.36);

  /* 交互规范 */
  --touch-min: 44px;
  --transition-fast: 160ms cubic-bezier(0.2, 0, 0, 1);
  --transition-theme: 260ms cubic-bezier(0.2, 0, 0, 1);
}

[data-theme="darkroom"] {
  /* 深色影楼暗房模式 (studio-darkroom) */
  --bg-surface: #141416;
  --bg-card: #1E1E22;
  --bg-variant: #28282E;
  --bg-elevated: #242429;
  --primary: #D8AE72;
  --primary-hover: #E5C089;
  --primary-text: #E5C089;
  --primary-subtle: rgba(216, 174, 114, 0.16);
  --primary-border: rgba(216, 174, 114, 0.48);
  --on-primary: #141416;
  --accent: #E35B4B;
  --accent-hover: #EE7162;
  --accent-subtle: rgba(227, 91, 75, 0.18);
  --on-accent: #FFFFFF;
  --text-primary: #F4F1EA;
  --text-secondary: #BEB8AE;
  --text-muted: #969086;
  --outline: #323238;
  --outline-strong: #4B4B54;
  --success: #52C98E;
  --success-subtle: rgba(82, 201, 142, 0.16);
  --warning: #F5B547;
  --warning-subtle: rgba(245, 181, 71, 0.16);
  --error: #FF7066;
  --error-subtle: rgba(255, 112, 102, 0.18);
  --watermark-line: rgba(255, 248, 235, 0.30);
  --watermark-badge: rgba(227, 91, 75, 0.85);
  --shadow-card: 0 4px 14px rgba(0, 0, 0, 0.35);
  --shadow-floating: 0 12px 32px rgba(0, 0, 0, 0.55);
}