/* deletemetadata — Clean Cut, v1.0. Fonts are supplied separately. */
:root {
  --dm-ink: #17201D;
  --dm-paper: #F5F5ED;
  --dm-lime: #D5F55B;
  --dm-sage: #68746C;
  --dm-muted: #59665D;
  --dm-mist: #E4E9DF;
  --dm-white: #FFFFFF;
  --dm-error: #B33C35;

  --dm-background: var(--dm-paper);
  --dm-surface: var(--dm-white);
  --dm-surface-subtle: var(--dm-mist);
  --dm-text: var(--dm-ink);
  --dm-text-secondary: var(--dm-muted);
  --dm-action-background: var(--dm-lime);
  --dm-action-text: var(--dm-ink);
  --dm-secondary-action-background: var(--dm-ink);
  --dm-secondary-action-text: var(--dm-white);
  --dm-focus-on-light: var(--dm-ink);
  --dm-focus-on-dark: var(--dm-lime);

  --dm-font-sans: "Work Sans", "PingFang SC", "Microsoft YaHei", sans-serif;
  --dm-font-mono: "DM Mono", ui-monospace, SFMono-Regular, Menlo, monospace;
  --dm-weight-regular: 400;
  --dm-weight-bold: 700;
  --dm-display-size: 80px;
  --dm-display-line: 84px;
  --dm-h1-size: 56px;
  --dm-h1-line: 62px;
  --dm-h2-size: 32px;
  --dm-h2-line: 40px;
  --dm-h3-size: 22px;
  --dm-h3-line: 30px;
  --dm-body-size: 16px;
  --dm-body-line: 26px;
  --dm-small-size: 14px;
  --dm-small-line: 22px;
  --dm-data-size: 13px;
  --dm-data-line: 20px;
  --dm-caption-size: 12px;
  --dm-caption-line: 18px;
  --dm-display-mobile-size: 44px;
  --dm-display-mobile-line: 48px;
  --dm-h1-mobile-size: 36px;
  --dm-h1-mobile-line: 42px;
  --dm-h2-mobile-size: 28px;
  --dm-h2-mobile-line: 36px;

  --dm-space-1: 4px;
  --dm-space-2: 8px;
  --dm-space-3: 12px;
  --dm-space-4: 16px;
  --dm-space-6: 24px;
  --dm-space-8: 32px;
  --dm-space-12: 48px;
  --dm-space-16: 64px;
  --dm-space-24: 96px;
  --dm-radius-control: 8px;
  --dm-radius-panel: 16px;
  --dm-max-width: 1200px;
  --dm-desktop-gutter: 24px;
  --dm-mobile-gutter: 16px;
  --dm-mobile-margin: 20px;

  --dm-icon-size: 24px;
  --dm-icon-stroke: 2px;
  --dm-control-min-height: 44px;
  --dm-control-padding-x: 20px;
  --dm-control-border: 1px;
  --dm-focus-width: 2px;
  --dm-focus-offset: 3px;
  --dm-duration: 180ms;
  --dm-easing: cubic-bezier(0.2, 0, 0, 1);
}

@media (prefers-reduced-motion: reduce) {
  :root {
    --dm-duration: 0ms;
  }
}