/* ========================================
   凯文的成长学习小管家 - 设计变量
   ======================================== */

:root {
  /* 配色 - 柔和童趣 */
  --color-primary: #5B9BD5;
  --color-primary-light: #D6E8F7;
  --color-primary-dark: #4A89C2;
  --color-secondary: #7BC67E;
  --color-secondary-light: #D4F0D5;
  --color-accent: #FFB347;
  --color-accent-light: #FFE4B5;
  --color-danger: #FF6B6B;
  --color-danger-light: #FFD4D4;
  --color-purple: #B39DDB;
  --color-purple-light: #E8DEF8;
  --color-pink: #F48FB1;
  --color-pink-light: #FCE4EC;

  /* 背景与表面 */
  --color-bg: #FFF9F0;
  --color-card: #FFFFFF;
  --color-text: #333333;
  --color-text-secondary: #666666;
  --color-text-light: #999999;
  --color-border: #E8E8E8;
  --color-divider: #F0F0F0;

  /* 字体 */
  --font-family: 'PingFang SC', 'Microsoft YaHei', 'Noto Sans SC', system-ui, -apple-system, sans-serif;
  --font-size-xs: 12px;
  --font-size-sm: 14px;
  --font-size-base: 16px;
  --font-size-lg: 18px;
  --font-size-xl: 22px;
  --font-size-xxl: 28px;
  --font-size-xxxl: 36px;
  --font-weight-normal: 400;
  --font-weight-medium: 500;
  --font-weight-bold: 600;
  --line-height: 1.6;

  /* 间距 */
  --space-xs: 4px;
  --space-sm: 8px;
  --space-md: 12px;
  --space-base: 16px;
  --space-lg: 20px;
  --space-xl: 24px;
  --space-xxl: 32px;
  --space-xxxl: 48px;

  /* 圆角 */
  --radius-xs: 6px;
  --radius-sm: 10px;
  --radius-md: 14px;
  --radius-lg: 18px;
  --radius-xl: 24px;
  --radius-full: 999px;

  /* 阴影 */
  --shadow-sm: 0 1px 4px rgba(0, 0, 0, 0.05);
  --shadow-card: 0 2px 12px rgba(0, 0, 0, 0.06);
  --shadow-float: 0 4px 20px rgba(0, 0, 0, 0.1);
  --shadow-button: 0 2px 8px rgba(0, 0, 0, 0.1);

  /* 动画 */
  --transition-fast: 0.15s ease;
  --transition-normal: 0.25s ease;
  --transition-slow: 0.4s ease;

  /* 布局 */
  --header-height: 56px;
  --tabbar-height: 64px;
  --max-width: 480px;
  --content-padding: var(--space-base);
}