/* 学习提示词生成器 · 配色规范 */
/* 设计原则:浅色调暖色,真人家长审美 */

:root {
  /* 主色 */
  --color-primary: #FF9F5B;        /* 暖橙:主按钮/重要提示 */
  --color-primary-dark: #E5823A; /* 深橙:hover/按下 */
  --color-primary-light: #FFB885;          /* 浅橙:次按钮/装饰 */
  
  /* 辅色 */
  --color-accent: #FFD980;          /* 奶油黄:引导卡片/强调 */
  --color-accent-dark: #F5C45A; /* 深奶油黄 */
  
  /* 中性色 */
  --color-bg: #FFF8E7;                  /* 米白底 */
  --color-bg-card: #FFFFFF;        /* 卡片白 */
  --color-bg-soft: #FDF4DC;                /* 软米色 */
  
  /* 文字 */
  --color-text: #4A3F35;              /* 主文字:深棕 */
  --color-text-sub: #8B7E74;      /* 次文字:暖灰 */
  --color-text-light: #B8A99E;  /* 浅灰:辅助 */
  
  /* 边框/阴影 */
  --color-border: #F0E5D2;          /* 浅边框 */
  --shadow-card: 0 4px 16px rgba(255, 159, 91, 0.12);  /* 暖色阴影 */
  --shadow-button: 0 6px 20px rgba(255, 159, 91, 0.25);
  
  /* 圆角 */
  --radius-sm: 8px;
  --radius-md: 16px;
  --radius-lg: 24px;
  --radius-xl: 32px;
  
  /* 字号(大字体优先,7年级家长视力) */
  --font-size-title: 28px;
  --font-size-h2: 22px;
  --font-size-body: 18px;
  --font-size-button: 20px;
  --font-size-label: 16px;
  --font-size-tip: 15px;
}

/* 全局基础 */
body {
  font-family: -apple-system, BlinkMacSystemFont, "PingFang SC", "Microsoft YaHei", sans-serif;
  background: var(--color-bg);
  color: var(--color-text);
  font-size: var(--font-size-body);
  line-height: 1.6;
}

/* 按钮(主) */
.btn-primary {
  background: var(--color-primary);
  color: white;
  font-size: var(--font-size-button);
  font-weight: 600;
  padding: 18px 32px;
  border-radius: var(--radius-lg);
  border: none;
  box-shadow: var(--shadow-button);
  cursor: pointer;
}

.btn-primary:active {
  background: var(--color-primary-dark);
  transform: scale(0.98);
}

/* 引导卡片 */
.guide-card {
  background: var(--color-accent);
  border-radius: var(--radius-md);
  padding: 16px 20px;
  font-size: var(--font-size-tip);
  color: var(--color-text);
  border-left: 4px solid var(--color-primary);
}