/* 由 test/web_tokens_test.dart 从 lib/ui/theme/app_theme.dart 运行时值生成，勿手改。 */
/* 圆角/间距/动画时长/字号阶梯 = AppTheme + AppType 同名令牌。 */
:root {
  --r-sm: 10px; --r-md: 14px; --r-lg: 18px; --r-xl: 24px;
  --sp-xs: 4px; --sp-sm: 8px; --sp-md: 12px; --sp-lg: 16px; --sp-xl: 24px;
  --t-fast: 150ms; --t-normal: 220ms; --t-slow: 320ms;
  --ease: cubic-bezier(0.215, 0.61, 0.355, 1); /* easeOutCubic */
  --fs-micro: 11px; --fs-body: 12px; --fs-label: 14px;
  --fs-title: 16px; --fs-stat: 22px; --fs-display: 30px;
}
[data-style="dark"] { /* 曜石绿 */
  --primary: #00E676; --primary-light: #69F0AE; --primary-dark: #00C853;
  --grad-a: #00E676; --grad-b: #00BFA5;
  --on-primary: #06281A; --cyan: #22D3EE;
  --accent: #FFB020; --success: #34D399; --success-light: #85E5C2; --error: #FF5C5C;
  --bg: #0C0E12; --surface: #16191F; --surface-high: #1F232B;
  --text: #F2F4F8; --text-2: #98A2B3; --text-3: #828C9B;
  --divider: #232830; --chip-idle: #22262E; --border: #2A2F38; --ctrl-border: #686D76;
  --ramp-1: #085E34; --ramp-2: #0FBD68; --ramp-3: #2BEE8F; --ramp-4: #A1F7CD;
  --ramp2-1: #08535E; --ramp2-2: #0FA6BD; --ramp2-3: #2BD4EE; --ramp2-4: #A1ECF7;
  --shadow-card: rgba(0,0,0,0.40) 0 4px 14px;
  --shadow-float: rgba(0,0,0,0.60) 0 3px 10px;
}
[data-style="blue_dark"] { /* 深海蓝 */
  --primary: #4C8DFF; --primary-light: #8AB4FF; --primary-dark: #2563EB;
  --grad-a: #4C8DFF; --grad-b: #2563EB;
  --on-primary: #0A1626; --cyan: #22D3EE;
  --accent: #FFB020; --success: #34D399; --success-light: #85E5C2; --error: #FF5C5C;
  --bg: #0C0E12; --surface: #16191F; --surface-high: #1F232B;
  --text: #F2F4F8; --text-2: #98A2B3; --text-3: #828C9B;
  --divider: #232830; --chip-idle: #22262E; --border: #2A2F38; --ctrl-border: #686D76;
  --ramp-1: #08275E; --ramp-2: #0F4EBD; --ramp-3: #2B72EE; --ramp-4: #A1C0F7;
  --ramp2-1: #08535E; --ramp2-2: #0FA6BD; --ramp2-3: #2BD4EE; --ramp2-4: #A1ECF7;
  --shadow-card: rgba(0,0,0,0.40) 0 4px 14px;
  --shadow-float: rgba(0,0,0,0.60) 0 3px 10px;
}
[data-style="purple_dark"] { /* 暮光紫 */
  --primary: #A855F7; --primary-light: #C99AFB; --primary-dark: #7C3AED;
  --grad-a: #A855F7; --grad-b: #7C3AED;
  --on-primary: #FFFFFF; --cyan: #22D3EE;
  --accent: #FFB020; --success: #34D399; --success-light: #85E5C2; --error: #FF5C5C;
  --bg: #0C0E12; --surface: #16191F; --surface-high: #1F232B;
  --text: #F2F4F8; --text-2: #98A2B3; --text-3: #828C9B;
  --divider: #232830; --chip-idle: #22262E; --border: #2A2F38; --ctrl-border: #686D76;
  --ramp-1: #34085E; --ramp-2: #680FBD; --ramp-3: #8F2BEE; --ramp-4: #CDA1F7;
  --ramp2-1: #08535E; --ramp2-2: #0FA6BD; --ramp2-3: #2BD4EE; --ramp2-4: #A1ECF7;
  --shadow-card: rgba(0,0,0,0.40) 0 4px 14px;
  --shadow-float: rgba(0,0,0,0.60) 0 3px 10px;
}
[data-style="light"] { /* 云母白 */
  --primary: #00A84D; --primary-light: #34C777; --primary-dark: #008A3E;
  --grad-a: #00A84D; --grad-b: #008058;
  --on-primary: #FFFFFF; --cyan: #0C7A94;
  --accent: #9E6206; --success: #0E8443; --success-light: #6EB58E; --error: #C93A3A;
  --bg: #E6EBF2; --surface: #FFFFFF; --surface-high: #EDF1F7;
  --text: #1B222C; --text-2: #535E6E; --text-3: #616B7A;
  --divider: #D8DFE9; --chip-idle: #E9EDF3; --border: #C6D0DE; --ctrl-border: #828C9A;
  --ramp-1: #B8F9D6; --ramp-2: #4CF097; --ramp-3: #10C664; --ramp-4: #097139;
  --ramp2-1: #B8EDF9; --ramp2-2: #4CD1F0; --ramp2-3: #10A3C6; --ramp2-4: #095D71;
  --shadow-card: rgba(0,0,0,0.10) 0 3px 14px;
  --shadow-float: rgba(0,0,0,0.20) 0 4px 14px;
}
[data-style="blue_light"] { /* 晴空蓝 */
  --primary: #2563EB; --primary-light: #4C8DFF; --primary-dark: #1D4ED8;
  --grad-a: #3B82F6; --grad-b: #1D4ED8;
  --on-primary: #FFFFFF; --cyan: #0C7A94;
  --accent: #9E6206; --success: #0E8443; --success-light: #6EB58E; --error: #C93A3A;
  --bg: #E6EBF2; --surface: #FFFFFF; --surface-high: #EDF1F7;
  --text: #1B222C; --text-2: #535E6E; --text-3: #616B7A;
  --divider: #D8DFE9; --chip-idle: #E9EDF3; --border: #C6D0DE; --ctrl-border: #828C9A;
  --ramp-1: #B9CDF9; --ramp-2: #4D80EF; --ramp-3: #124AC4; --ramp-4: #0A2A70;
  --ramp2-1: #B8EDF9; --ramp2-2: #4CD1F0; --ramp2-3: #10A3C6; --ramp2-4: #095D71;
  --shadow-card: rgba(0,0,0,0.10) 0 3px 14px;
  --shadow-float: rgba(0,0,0,0.20) 0 4px 14px;
}
[data-style="pink_light"] { /* 樱花粉 */
  --primary: #DB2777; --primary-light: #EC6BA6; --primary-dark: #BE185D;
  --grad-a: #EC4899; --grad-b: #BE185D;
  --on-primary: #FFFFFF; --cyan: #7C3AED;
  --accent: #9E6206; --success: #0E8443; --success-light: #6EB58E; --error: #C93A3A;
  --bg: #E6EBF2; --surface: #FFFFFF; --surface-high: #EDF1F7;
  --text: #1B222C; --text-2: #535E6E; --text-3: #616B7A;
  --divider: #D8DFE9; --chip-idle: #E9EDF3; --border: #C6D0DE; --ctrl-border: #828C9A;
  --ramp-1: #F4BDD6; --ramp-2: #E35996; --ramp-3: #B81F63; --ramp-4: #691138;
  --ramp2-1: #D0B9F9; --ramp2-2: #894DEF; --ramp2-3: #5412C4; --ramp2-4: #300A70;
  --shadow-card: rgba(0,0,0,0.10) 0 3px 14px;
  --shadow-float: rgba(0,0,0,0.20) 0 4px 14px;
}