/* RITUCHECK design tokens — lifted from the original prototype. Cool neutrals only. */
:root {
  --ink: #0B0B0F;
  --white: #FFFFFF;
  --cobalt: #2563FF;
  --violet: #7C3AED;

  --g50: #F7F8FA;
  --g100: #F1F2F5;
  --g150: #EAECF0;
  --g200: #E2E4E9;
  --g300: #CDD0D8;
  --g400: #A3A7B2;
  --g500: #6E7280; /* darkened from #7B7F8C for WCAG AA on white (4.8:1) */
  --g600: #575B66;
  --g700: #363944;
  --line: #ECEDF1;

  --cobalt-tint: #EEF3FF;
  --violet-tint: #F3EEFE;
  --cobalt-text: #1D4FD8;
  --danger: #C2253B;
  --danger-tint: #FDEEF0;

  /* Signature gradient — Collection Progress only */
  --fold: linear-gradient(110deg, #2563FF 0%, #7C3AED 100%);

  --font: Pretendard, "Pretendard Variable", -apple-system, "Apple SD Gothic Neo", "Segoe UI", sans-serif;
  --mono: "IBM Plex Mono", ui-monospace, SFMono-Regular, Menlo, monospace;

  --r-panel: 18px;
  --r-btn: 9px;
  --r-item: 8px;
  --r-check: 6px;

  --side-w: 250px;
  --ctx-w: 344px;

  --focus: 0 0 0 2px #fff, 0 0 0 4px var(--cobalt);
  --ease: cubic-bezier(.2, .7, .2, 1);
}