/* ============================================================
   DESIGN TOKENS — Ferrari DESIGN.md frontmatter (hard contract)
   颜色 / 字体 / 圆角 / 间距 / 装饰渐变 / 阴影 / 容器
   ============================================================ */
:root {
  /* colors */
  --color-primary: #da291c;
  --color-primary-active: #b01e0a;
  --color-primary-hover: #9d2211;
  --color-ink: #ffffff;
  --color-body: #969696;
  --color-body-strong: #ffffff;
  --color-body-on-light: #181818;
  --color-muted: #666666;
  --color-muted-soft: #8f8f8f;
  --color-hairline: #303030;
  --color-hairline-on-light: #d2d2d2;
  --color-hairline-soft: #ebebeb;
  --color-canvas: #181818;
  --color-canvas-elevated: #303030;
  --color-canvas-light: #ffffff;
  --color-surface-card: #303030;
  --color-surface-soft-light: #f7f7f7;
  --color-surface-strong-light: #ebebeb;
  --color-on-primary: #ffffff;
  --color-on-dark: #ffffff;
  --color-on-light: #181818;
  --color-accent-yellow-hypersail: #fff200;
  --color-accent-yellow: #f6e500;
  --color-semantic-info: #4c98b9;
  --color-semantic-success: #03904a;
  --color-semantic-warning: #f13a2c;

  /* typography — fontFamily (FerrariSans → Inter substitute at 500 + -1%) */
  --font-ferrari: 'Inter', 'Noto Sans SC', 'PingFang SC', 'Microsoft YaHei', -apple-system, system-ui, sans-serif;

  /* rounded */
  --rounded-none: 0px;
  --rounded-xs: 2px;
  --rounded-sm: 4px;
  --rounded-md: 6px;
  --rounded-lg: 8px;
  --rounded-xl: 12px;
  --rounded-full: 9999px;

  /* spacing — 8px ladder */
  --sp-xxxs: 4px;
  --sp-xxs: 8px;
  --sp-xs: 16px;
  --sp-sm: 24px;
  --sp-md: 32px;
  --sp-lg: 48px;
  --sp-xl: 64px;
  --sp-xxl: 96px;
  --sp-super: 128px;

  /* decorative gradients (Decorative Depth section) */
  --grad-red: linear-gradient(180deg, #a00c01, #da291c 64%);
  --grad-dark: linear-gradient(180deg, #3c3c3c, #030303 64%);

  /* single soft shadow tier */
  --shadow-small: 0 4px 8px rgba(0, 0, 0, 0.1);

  /* max editorial width */
  --container-max: 1280px;
}