:root {
  --cg-ink: #041b1e;
  --cg-deep: #062024;
  --cg-panel: #0a2b30;
  --cg-panel-2: #0d343a;
  --cg-line: rgba(202, 224, 220, 0.12);
  --cg-muted: #9db0b3;
  --cg-soft: #dce7e5;
  --cg-paper: #f2f5ef;
  --cg-accent: #a8d46a;
  --cg-accent-strong: #bce883;
  --cg-danger: #fb7185;
  --cg-focus: rgba(188, 232, 131, 0.58);
  --cg-radius-sm: 12px;
  --cg-radius-md: 20px;
  --cg-radius-lg: 28px;
  --cg-motion-fast: 160ms;
}

:where(button, a, input, select, textarea, summary):focus-visible {
  outline: 3px solid var(--cg-focus);
  outline-offset: 3px;
}

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    scroll-behavior: auto !important;
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
  }
}