/* 动境 Coach visual system v1.5. This is the single source of product colors. */
:root {
  --dc-color-ink: #0F2A2E;
  --dc-color-brand: #0F9488;
  --dc-color-brand-strong: #0B6E66;
  --dc-color-brand-soft: #DDF4F0;
  --dc-color-brand-tint: #CFEAE5;
  --dc-color-brand-border: #A8E4DC;
  --dc-color-brand-on-dark: #7FE0D4;
  --dc-color-canvas: #ECECEC;
  --dc-color-page: #F7F7F7;
  --dc-color-surface: #FFFFFF;
  --dc-color-subtle: #F3F3F3;
  --dc-color-track: #EEEEEE;
  --dc-color-border: #E5E5E5;
  --dc-color-divider: #EEEEEE;
  --dc-color-text-secondary: #6E6E6E;
  --dc-color-text-muted: #929292;
  --dc-color-disabled: #C8C8C8;
  --dc-color-success: #2E9C6A;
  --dc-color-warning: #E9BD4F;
  --dc-color-warning-text: #7A5A12;
  --dc-color-warning-soft: #FBF2D9;
  --dc-color-danger: #E4714B;
  --dc-color-danger-text: #B04A22;
  --dc-color-danger-soft: #FCEBE3;
  --dc-color-danger-on-dark: #FF9A78;
  --dc-color-info: #4A7FD6;
  --dc-color-info-soft: #E7EEFB;
  --dc-color-info-on-dark: #7BA7E8;
  --dc-color-inverse: #FFFFFF;
  --dc-color-inverse-secondary: rgba(255,255,255,.75);
  --dc-color-inverse-muted: rgba(255,255,255,.6);
  --dc-color-inverse-soft: rgba(255,255,255,.08);
  --dc-color-inverse-surface: rgba(255,255,255,.12);
  --dc-color-inverse-border: rgba(255,255,255,.2);
  --dc-color-inverse-outline: rgba(255,255,255,.4);
  --dc-color-shadow: rgba(24,24,24,.06);
  --dc-color-shadow-strong: rgba(24,24,24,.12);
  --dc-color-scrim: rgba(15,42,46,.45);
  --dc-color-media-backdrop: #000000;
  --dc-color-image-shade: rgba(15,42,46,.8);
  --dc-color-image-middle: rgba(15,42,46,.34);
  --dc-color-image-light: rgba(15,42,46,.06);
  --dc-color-image-overlay: rgba(15,42,46,.24);
  --dc-color-label-scrim: rgba(15,42,46,.7);
  --dc-color-page-glass: rgba(247,247,247,.96);
  --dc-color-page-overlay: rgba(247,247,247,.85);
  --dc-font-family: -apple-system, "PingFang SC", "Helvetica Neue", Helvetica, sans-serif;
  --dc-font-caption: 11px;
  --dc-font-label: 12px;
  --dc-font-body: 14px;
  --dc-font-section: 16px;
  --dc-font-title: 20px;
  --dc-font-display: 40px;
  --dc-radius-control: 12px;
  --dc-radius-card: 16px;
  --dc-radius-feature: 20px;
  --dc-radius-pill: 999px;
  --dc-space-1: 4px;
  --dc-space-2: 8px;
  --dc-space-3: 12px;
  --dc-space-4: 16px;
  --dc-space-5: 20px;
  --dc-space-6: 24px;
  --dc-safe-bottom: max(34px, env(safe-area-inset-bottom, 0px));
  --dc-shadow-control: 0 1px 3px var(--dc-color-shadow);
  --dc-shadow-feature: 0 9px 25px var(--dc-color-shadow-strong);
}