/* Generated by scripts/build-design-system.py. Edit data/design-tokens.json. */
@font-face {
  font-family: "FIFA Noto Sans";
  src: url("fifa-noto-sans-regular.woff2") format("woff2");
  font-style: normal;
  font-weight: 400;
  font-display: swap;
}

@font-face {
  font-family: "FIFA Noto Sans";
  src: url("fifa-noto-sans-700.woff2") format("woff2");
  font-style: normal;
  font-weight: 700;
  font-display: swap;
}

:root {
  --ds-font-family: "FIFA Noto Sans", "PingFang SC", "Noto Sans SC", "Hiragino Sans GB", "Microsoft YaHei", Arial, sans-serif;
  --ds-colors-primary: #005da8;
  --ds-colors-primary-hover: #00518f;
  --ds-colors-navy: #001e42;
  --ds-colors-live: #e7353d;
  --ds-colors-success: #008f5a;
  --ds-colors-hot: #f5b335;
  --ds-colors-ink: #071529;
  --ds-colors-muted: #65728a;
  --ds-colors-line: #dde7f0;
  --ds-colors-soft: #f3f7fb;
  --ds-colors-paper: #ffffff;
  --ds-colors-purple: #5448c8;
  --ds-colors-cyan: #0072ce;
  --ds-radii-small: 6px;
  --ds-radii-medium: 8px;
  --ds-radii-control: 10px;
  --ds-radii-panel: 12px;
  --ds-radii-large: 16px;
  --ds-radii-pill: 999px;
  --ds-shadows-small: 0 3px 12px rgba(32, 55, 74, 0.04);
  --ds-shadows-card: 0 8px 24px rgba(32, 55, 74, 0.09);
  --ds-shadows-panel: 0 12px 30px rgba(18, 53, 76, 0.08);
  --ds-shadows-modal: 0 24px 80px rgba(0, 0, 0, 0.35);
  --ds-spacing-xs: 4px;
  --ds-spacing-sm: 8px;
  --ds-spacing-md: 12px;
  --ds-spacing-lg: 16px;
  --ds-spacing-card: 20px;
  --ds-spacing-section: 24px;
  --ds-spacing-xl: 32px;
  --ds-sizes-button: 40px;
  --ds-sizes-button-small: 32px;
  --ds-sizes-page-gutter: 14px;
  --ds-motion-fast: 160ms;
  --ds-motion-normal: 220ms;
  --ds-motion-ease: ease;

  /* Compatibility aliases used by the established site. */
  --font-main: var(--ds-font-family);
  --blue: var(--ds-colors-primary);
  --blue-hover: var(--ds-colors-primary-hover);
  --blue-dark: var(--ds-colors-navy);
  --red: var(--ds-colors-live);
  --green: var(--ds-colors-success);
  --orange: var(--ds-colors-hot);
  --ink: var(--ds-colors-ink);
  --muted: var(--ds-colors-muted);
  --line: var(--ds-colors-line);
  --soft: var(--ds-colors-soft);
  --paper: var(--ds-colors-paper);
  --purple: var(--ds-colors-purple);
  --cyan: var(--ds-colors-cyan);
  --shadow: var(--ds-shadows-card);
}