/* assets/tokens.css - CDR Platform design tokens v1 (audit Part 3) */
:root {
  /* surfaces */
  --cdr-bg-0: #0d1117;  --cdr-bg-1: #161b22;  --cdr-bg-2: #1c2333;
  --cdr-bg-3: #21283a;  --cdr-bg-elev: #242b3d;
  /* borders */
  --cdr-border-1: #2d3446; --cdr-border-2: #3d4560; --cdr-border-3: #4d5878;
  /* text */
  --cdr-text-1: #e6edf3; --cdr-text-2: #b8c0cc; --cdr-text-3: #9198a1; --cdr-text-4: #656d78;
  /* brand & semantic */
  --cdr-accent: #7c9cf5; --cdr-accent-strong: #5b7de0;
  --cdr-ok: #3fb950; --cdr-warn: #d29922; --cdr-danger: #f85149; --cdr-info: #58a6ff;
  /* grade scale (Case Network) */
  --cdr-grade-corroborated: #f85149; --cdr-grade-supported: #d29922;
  --cdr-grade-single: #58a6ff;      --cdr-grade-circumstantial: #8b949e;
  /* typography */
  --cdr-font-ui: 'Inter', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --cdr-font-mono: 'JetBrains Mono', ui-monospace, 'Cascadia Mono', monospace;
  --cdr-fs-xs: 10.5px; --cdr-fs-sm: 12px; --cdr-fs-md: 13px; --cdr-fs-lg: 15px;
  /* spacing (4px grid) */
  --cdr-sp-1: 4px; --cdr-sp-2: 8px; --cdr-sp-3: 12px; --cdr-sp-4: 16px; --cdr-sp-5: 24px;
  /* elevation */
  --cdr-shadow-1: 0 1px 3px rgba(0,0,0,.4);
  --cdr-shadow-2: 0 8px 24px rgba(0,0,0,.5);
  /* a11y */
  --cdr-focus-ring: 0 0 0 2px var(--cdr-bg-0), 0 0 0 4px var(--cdr-accent);
}
.cdr-visually-hidden { position:absolute; width:1px; height:1px; overflow:hidden;
  clip: rect(0 0 0 0); white-space: nowrap; }

/* PATCH #145, PATCH #146, PATCH #147 (audit): actually apply the design tokens. Previously
   every --cdr-* variable was defined but never referenced, so the file was
   dead. These rules opt every focusable control into the shared focus ring
   and expose the grade-scale colours as reusable utility classes. */
:root :focus-visible {
  outline: none;
  box-shadow: var(--cdr-focus-ring);
  border-radius: 4px;
}
.cdr-grade-corroborated  { color: var(--cdr-grade-corroborated); }
.cdr-grade-supported     { color: var(--cdr-grade-supported); }
.cdr-grade-single        { color: var(--cdr-grade-single); }
.cdr-grade-circumstantial{ color: var(--cdr-grade-circumstantial); }
.cdr-ok    { color: var(--cdr-ok); }
.cdr-warn  { color: var(--cdr-warn); }
.cdr-danger{ color: var(--cdr-danger); }
.cdr-info  { color: var(--cdr-info); }
.cdr-shadow-1 { box-shadow: var(--cdr-shadow-1); }
.cdr-shadow-2 { box-shadow: var(--cdr-shadow-2); }
.cdr-font-mono { font-family: var(--cdr-font-mono); }

/* PATCH #148 (audit): COMM_COLORS JS array in user.html now imports these
   grade colours via getComputedStyle(getPropertyValue), so the palette lives
   in exactly one place. */
:root {
  --cdr-comm-corroborated: var(--cdr-grade-corroborated);
  --cdr-comm-supported:    var(--cdr-grade-supported);
  --cdr-comm-single:       var(--cdr-grade-single);
  --cdr-comm-circumstantial: var(--cdr-grade-circumstantial);
}