:root {
  --tc-ink: #172033;
  --tc-muted: #667085;
  --tc-line: #e2e8f0;
  --tc-surface: #fff;
  --tc-canvas: #f5f7fb;
  --tc-brand: #2563eb;
  --tc-brand-dark: #1e40af;
  --tc-success: #14754f;
  --tc-warning: #9a5b00;
  --tc-danger: #b42318;
  --tc-info: #0f766e;
  --tc-radius: .5rem;
  --tc-radius-sm: .35rem;
  --tc-shadow: 0 8px 22px rgba(28, 42, 68, .045);
  --tc-shadow-popover: 0 18px 40px rgba(23, 32, 51, .14);
  --tc-focus-ring: 0 0 0 .2rem rgba(37, 99, 235, .14);

  --ink: var(--tc-ink);
  --muted: var(--tc-muted);
  --line: var(--tc-line);
  --surface: var(--tc-surface);
  --canvas: var(--tc-canvas);
  --brand: var(--tc-brand);
  --brand-dark: var(--tc-brand-dark);
  --success: var(--tc-success);
  --warning: var(--tc-warning);
  --danger: var(--tc-danger);

  --bs-primary: var(--tc-brand);
  --bs-primary-rgb: 37, 99, 235;
  --bs-success: var(--tc-success);
  --bs-warning: #f59e0b;
  --bs-danger: var(--tc-danger);
  --bs-body-color: var(--tc-ink);
  --bs-body-bg: var(--tc-canvas);
  --bs-border-color: var(--tc-line);
  --bs-border-radius: var(--tc-radius);
  --bs-body-font-size: 1rem;
  --bs-focus-ring-color: rgba(37, 99, 235, .14);

  --tblr-primary: var(--tc-brand);
  --tblr-primary-rgb: 37, 99, 235;
  --tblr-success: var(--tc-success);
  --tblr-danger: var(--tc-danger);
  --tblr-body-color: var(--tc-ink);
  --tblr-body-bg: var(--tc-canvas);
  --tblr-border-color: var(--tc-line);
  --tblr-border-radius: var(--tc-radius);
  --tblr-body-font-size: 1rem;
  --tblr-focus-ring-color: rgba(37, 99, 235, .14);
}