/* ============================================================
   Yard Wise V2.0 · 智能种植规划器 — 自定义样式
   Tailwind CSS v4 CDN 已导入，此处补充项目专属样式
   ============================================================ */

/* Tailwind v4 基础层（CDN 自动注入 preflight/reset） */

/* --- 自定义 CSS 变量（主题色） --- */
:root {
  --color-primary:    #16a34a;  /* green-600 */
  --color-primary-light: #86efac; /* green-300 */
  --color-primary-dark:  #166534; /* green-800 */
  --color-accent:     #f59e0b;  /* amber-500 */
  --color-surface:    #ffffff;
  --color-bg:         #f9fafb;  /* gray-50 */
  --radius-md:        0.5rem;
  --shadow-card:      0 1px 3px rgba(0,0,0,0.08), 0 1px 2px rgba(0,0,0,0.06);
}

/* --- 全局平滑过渡 --- */
* {
  transition: background-color 0.2s ease, border-color 0.2s ease;
}

/* --- 卡片通用样式 --- */
.card {
  background: var(--color-surface);
  border-radius: var(--radius-md);
  box-shadow: var(--shadow-card);
  padding: 1.25rem;
}

/* --- 响应式辅助 --- */
@media (max-width: 640px) {
  .card {
    padding: 1rem;
  }
}