/* Fluent 2 設計數值（只取形狀／陰影／動態／字級，不含顏色與元件）
   來源：@fluentui/tokens 1.0.0-alpha.24（Microsoft，MIT；授權全文見同資料夾 LICENSE.txt）
   由 build_fluent_tokens.cjs 產生，勿手改。 */
:root {
  --fl-border-radius-small: 2px;
  --fl-border-radius-medium: 4px;
  --fl-border-radius-large: 6px;
  --fl-border-radius-xlarge: 8px;
  --fl-border-radius-circular: 10000px;
  --fl-shadow-2: 0 0 2px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.14);
  --fl-shadow-4: 0 0 2px rgba(0,0,0,0.12), 0 2px 4px rgba(0,0,0,0.14);
  --fl-shadow-8: 0 0 2px rgba(0,0,0,0.12), 0 4px 8px rgba(0,0,0,0.14);
  --fl-shadow-16: 0 0 2px rgba(0,0,0,0.12), 0 8px 16px rgba(0,0,0,0.14);
  --fl-shadow-28: 0 0 8px rgba(0,0,0,0.12), 0 14px 28px rgba(0,0,0,0.14);
  --fl-duration-faster: 100ms;
  --fl-duration-normal: 200ms;
  --fl-duration-gentle: 250ms;
  --fl-curve-easy-ease: cubic-bezier(0.33,0,0.67,1);
  --fl-curve-decelerate-mid: cubic-bezier(0,0,0,1);
  --fl-curve-accelerate-mid: cubic-bezier(1,0,1,1);
  --fl-font-size-base-200: 12px;
  --fl-font-size-base-300: 14px;
  --fl-font-size-base-400: 16px;
  --fl-font-size-base-500: 20px;
  --fl-font-size-base-600: 24px;
  --fl-font-size-hero-700: 28px;
  --fl-font-size-hero-800: 32px;
  --fl-font-size-hero-900: 40px;
  --fl-line-height-base-300: 20px;
  --fl-line-height-base-400: 22px;
  --fl-line-height-hero-700: 36px;
  --fl-line-height-hero-800: 40px;
  --fl-line-height-hero-900: 52px;
  --fl-stroke-width-thin: 1px;
  --fl-stroke-width-thick: 2px;
}
@media (prefers-color-scheme: dark) {
  :root {
    --fl-shadow-2: 0 0 2px rgba(0,0,0,0.24), 0 1px 2px rgba(0,0,0,0.28);
    --fl-shadow-4: 0 0 2px rgba(0,0,0,0.24), 0 2px 4px rgba(0,0,0,0.28);
    --fl-shadow-8: 0 0 2px rgba(0,0,0,0.24), 0 4px 8px rgba(0,0,0,0.28);
    --fl-shadow-16: 0 0 2px rgba(0,0,0,0.24), 0 8px 16px rgba(0,0,0,0.28);
    --fl-shadow-28: 0 0 8px rgba(0,0,0,0.24), 0 14px 28px rgba(0,0,0,0.28);
  }
}