/**
 * uni-app 内置变量
 */

/* 主题色 */
$uni-primary: #FF6B6B;
$uni-primary-light: #ff8a8a;
$uni-primary-dark: #e65c5c;

/* 背景色 */
$uni-bg-color: #ffffff;
$uni-bg-color-grey: #f5f5f5;

/* 边框颜色 */
$uni-border-color: #e5e5e5;

/* 文字颜色 */
$uni-text-color: #333333;
$uni-text-color-inverse: #ffffff;
$uni-text-color-grey: #999999;
$uni-text-color-placeholder: #808080;

/* 字体大小 */
$uni-font-size-sm: 24rpx;
$uni-font-size-base: 28rpx;
$uni-font-size-lg: 32rpx;

/** Design tokens bridging CSS variables for the new playful UI **/
:root {
  --color-primary: #0EA5E9;      /* Accent blue for primary actions (override) */
  --bg: #F7FAFD;                   /* Page background */
  --surface: #FFFFFF;              /* Card surface */
  --text: #333333;                   /* Body text */
  --muted: #999999;                  /* Secondary text */
  --border: #e5e5e5;                 /* Borders/dividers */
  --radius-card: 20px;
  --shadow-soft: 0 6px 18px rgba(14, 165, 233, 0.12);

  --font-display: "Geist", system-ui, "Noto Sans SC", sans-serif;
  --font-body: "Inter", system-ui, "Noto Sans SC", sans-serif;
}

/* Helper playground styles aligned to the new design tokens */
.playful-hero { padding: 6px 0 8px; }
.playful-title { font-family: var(--font-display); font-size: 1.8rem; font-weight: 800; color: var(--text); }
.playful-subtitle { font-family: var(--font-body); color: var(--muted); margin-top: 6px; }
.section-header { font-family: var(--font-display); font-weight: 700; font-size: 1.12rem; }
.grid { display: flex; gap: 12px; padding: 6px 0; }
.stat { padding: 8px 12px; border-radius: 12px; background: #f0faff; border: 1px solid #e0f0ff; color: #0b4a6e; }
.p { font-family: var(--font-body); font-size: 1rem; line-height: 1.6; color: var(--text); }