:root {
  color-scheme: light dark;
  --tf-ink: #1d1d1f;
  --tf-muted: #6e6e73;
  --tf-page: #f5f5f7;
  --tf-paper: #ffffff;
  --tf-black: #000000;
  --tf-glass-dark: rgba(18, 19, 24, .68);
  --tf-glass-light: rgba(255, 255, 255, .74);
  --tf-line: rgba(29, 29, 31, .12);
  --tf-line-dark: rgba(255, 255, 255, .16);
  --tf-blue: #0071e3;
  --tf-cyan: #40c8ff;
  --tf-green: #30d158;
  --tf-amber: #ff9f0a;
  --tf-red: #ff453a;
  --tf-radius-xl: 34px;
  --tf-radius-lg: 26px;
  --tf-radius-md: 18px;
  --tf-font: -apple-system, BlinkMacSystemFont, "SF Pro Display", "SF Pro Text", "Segoe UI", system-ui, sans-serif;
}