/* Automatically Fused Design System: Warm Editorial + Clean Commerce */
:root {
  --color-canvas: #faf9f5;
  --color-surface-soft: #f5f0e8;
  --color-surface-card: #efe9de;
  --color-primary: #cc785c;
  --color-primary-hover: #a9583e;
  /* 코랄 #cc785c는 크림 캔버스에서 3.11:1로 AA 미달이다. 텍스트·전경에는 쓰지 마라.
     흰 글자를 얹는 배경에는 -strong(흰색 대비 5.06:1),
     밝은 배경 위 글자색·아이콘에는 -deep(캔버스 6.46:1, 가장 어두운 배경인
     filter-count 위에서도 4.96:1)을 쓴다. */
  --color-primary-strong: #a9583e;
  --color-primary-deep: #8f4630;
  --color-primary-light: #f5e8e3;
  --color-ink-primary: #141413;
  --color-ink-secondary: #3d3d3a;
  --color-ink-muted: #6c6a64;
  --color-hairline: #e6dfd8;
  --color-on-primary: #ffffff;
  --color-surface-pure: #ffffff;
  /* 어두운 면(푸터·AI HQ 패널·히어로 오버레이) 위에 얹는 글자·테두리색. */
  --color-on-dark: #ffffff;

  /* 상태 색. AI HQ 대시보드는 어두운 패널이라 -on-dark 변형을 쓰고,
     밝은 캔버스 위 알림에는 -surface/-ink/-hairline 3종을 짝으로 쓴다.
     값은 2026-08-16 대비 감사를 통과한 실측치다 — 바꾸려면 재측정할 것. */
  --color-success: #10b981;
  --color-success-on-dark: #34d399;
  --color-success-surface: rgba(16, 185, 129, 0.2);
  --color-warning-on-dark: #fbbf24;
  --color-warning-surface: rgba(245, 158, 11, 0.2);
  --color-danger-surface: #fee2e2;
  --color-danger-ink: #991b1b;
  --color-danger-hairline: #fca5a5;
  /* notice(주의 안내) — 밝은 캔버스 위 amber 알림 박스용.
     -warning-*는 어두운 AI HQ 패널 전용이라 밝은 배경에는 쓸 수 없어 따로 둔다.
     대비 실측: ink 8.75:1 / accent 4.84:1 on surface — 둘 다 AA 통과. */
  --color-notice-surface: #fffbeb;
  --color-notice-hairline: #fef3c7;
  --color-notice-ink: #78350f;
  --color-notice-accent: #b45309;

  --font-family-serif: 'Copernicus', 'Tiempos Headline', Georgia, serif;
  --font-family-sans: 'Pretendard', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;

  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 24px;
  --space-6: 32px;
  --space-7: 40px;

  --radius-sm: 6px;
  --radius-md: 12px;
  --radius-lg: 20px;
  --radius-pill: 999px;

  --color-badge-accent: #b3261e;
  --content-max-width: 1280px;
}

/* Marketplace Grid Fusion: Warm Editorial + Clean Commerce + Open-Market Layout Patterns */
.theme-marketplace-grid {
  --color-canvas: #faf9f5;
  --color-primary: #cc785c;
  --radius-pill: 999px;
  --color-badge-accent: #b3261e;
}

.theme-warm-aesthetics {
  --color-canvas: #faf9f5;
  --color-primary: #cc785c;
}

.theme-clean-commerce {
  --color-canvas: #ffffff;
  --color-primary: #c85a3a;
}