:root {
  color-scheme: light;

  --c-bg: #ffffff;
  --c-panel: #f4f6f5;
  --c-panel-dark: #e3e8e5;
  --c-ink: #1c2826;
  --c-muted: #5a6a66;
  --c-line: rgba(45, 65, 60, .14);

  --c-accent: #0f6f71;
  --c-accent-soft: #b9ded9;
  --c-accent-strong: #075f61;
  --c-amber: #d58c32;
  --c-red: #a8443d;
  --c-success: #2e8b66;

  --shadow-out: 10px 10px 22px rgba(45, 60, 55, .12), -8px -8px 18px rgba(255, 255, 255, .92);
  --shadow-in: inset 4px 4px 10px rgba(45, 60, 55, .10), inset -4px -4px 10px rgba(255, 255, 255, .96);

  --r-sm: 6px;
  --r-md: 9px;
  --r-lg: 14px;

  --motion-dur: 180ms;
  --motion-ease: cubic-bezier(.2, 0, 0, 1);
}