:root {
  --dt-ink: #0b1117;
  --dt-paper: #fff4d6;
  --dt-paper-soft: #f8e8bd;
  --dt-paper-deep: #ead69f;
  --dt-green: #2bc875;
  --dt-green-deep: #15773a;
  --dt-amber: #f4b740;
  --dt-white: #fffdf6;
  --dt-ink-muted: #4f5a58;
  --dt-ink-faint: #74807d;
  --dt-line: rgba(11, 17, 23, 0.16);
  --dt-line-strong: rgba(11, 17, 23, 0.3);
  --dt-shadow-sm: 0 8px 0 rgba(11, 17, 23, 0.08);
  --dt-shadow-md: 0 18px 0 rgba(11, 17, 23, 0.09);
  --dt-shadow-lg: 0 28px 0 rgba(11, 17, 23, 0.1);
  --dt-radius-sm: 14px;
  --dt-radius-md: 22px;
  --dt-radius-lg: 34px;
  --dt-ease: cubic-bezier(0.2, 0.75, 0.2, 1);
  --dt-fast: 140ms;
  --dt-normal: 220ms;
  --dt-slow: 420ms;
}