/* ======================================================================
   AI督学帮 V3 · 产品官网
   设计系统 V5（与 mobile-flutter packages/core theme 完全对齐）
   配色 / 渐变 / 圆角 / 阴影 / 字体 / 动效 —— 逐项对应 AppTokens
   ====================================================================== */

/* ---------- 设计令牌 ---------- */
:root {
  /* 墨色（文字） */
  --ink: #0E1518;
  --ink-2: #4B5A61;
  --ink-3: #8B999F;
  --ink-4: #B6C0C4;

  /* 线 / 纸 / 卡 */
  --line: #E8E3D9;
  --line-2: #F1EDE5;
  --paper: #F6F4EF;
  --paper-2: #EFEBE2;
  --card: #FCFBF8;
  --card-2: #F8F6F1;

  /* 玉色（主色阶） */
  --jade-900: #0A3A32;
  --jade-800: #0E4E43;
  --jade-700: #12695A;
  --jade-600: #17806D;
  --jade-500: #1F9884;
  --jade-400: #45B39E;
  --jade-300: #7DCDBC;
  --jade-200: #B0E3D7;
  --jade-100: #D6F1E9;
  --jade-50:  #ECF8F4;

  /* 语义色 */
  --amber: #DE9440;  --amber-600: #C87F2E;  --amber-100: #F9E7CE;  --amber-50: #FDF5E9;
  --clay:  #CE5C3C;  --clay-100: #F6DCD2;   --clay-50: #FBEEE9;
  --plum:  #5750C4;  --plum-100: #DFDDF7;   --plum-50: #EFEEFB;
  --sky:   #3C77B0;  --sky-100: #D6E6F4;    --sky-50: #EEF4FA;

  /* 渐变 */
  --grad-jade:      linear-gradient(148deg, #1F9884 0%, #17806D 52%, #12695A 100%);
  --grad-jade-deep: linear-gradient(140deg, #17806D 0%, #12695A 58%, #0E4E43 100%);
  --grad-jade-light: linear-gradient(132deg, #E4F7F1 0%, #CBEFE4 48%, #AEE7D8 100%);
  --grad-ai:        linear-gradient(135deg, #17806D 0%, #2E8C93 52%, #4A85B4 100%);
  --grad-ai-light:  linear-gradient(132deg, #E8F8F3 0%, #D7F0EC 44%, #DEEBF6 100%);
  --grad-warm:      linear-gradient(140deg, #DE9440 0%, #D2694A 100%);
  --grad-paper:     linear-gradient(180deg, #FBF9F5 0%, #F6F4EF 100%);

  /* 阴影（玉色调投影） */
  --sh-1: 0 1px 2px rgba(12,58,50,.04), 0 4px 12px rgba(12,58,50,.05);
  --sh-2: 0 2px 6px rgba(12,58,50,.055), 0 12px 30px rgba(12,58,50,.08);
  --sh-3: 0 8px 20px rgba(12,58,50,.09), 0 28px 64px rgba(30,120,104,.11);

  /* 圆角 */
  --r-xs: 8px;  --r-sm: 12px;  --r-md: 16px;  --r-lg: 22px;
  --r-xl: 28px; --r-2xl: 34px; --r-full: 999px;

  /* 动效 */
  --d1: 140ms; --d2: 220ms; --d3: 320ms; --d4: 460ms;
  --ease-out: cubic-bezier(.22, .9, .3, 1);
  --ease-in-out: cubic-bezier(.5, .05, .2, 1);
  --spring: cubic-bezier(.34, 1.32, .44, 1);
  --spring-emerge: cubic-bezier(.16, 1.18, .3, 1);

  /* 字体 */
  --font-sans: "PingFang SC", "HarmonyOS Sans SC", "Microsoft YaHei UI",
               "Microsoft YaHei", "Source Han Sans SC", "Noto Sans SC", sans-serif;
  --font-serif: Georgia, "Times New Roman", serif;
  --font-hand: "ZhiMangXing", "Kaiti SC", "KaiTi", cursive;
}
