:root {
  /* Primary color: orange */
  --tblr-primary: #f76707;
  --tblr-primary-rgb: 247, 103, 7;
  --tblr-primary-fg: #fff;
  --tblr-primary-darken: color-mix(in oklab, #f76707, black 20%);
  --tblr-primary-bg-subtle: rgba(247, 103, 7, 0.1);
  --tblr-primary-border-subtle: rgba(247, 103, 7, 0.3);
  --tblr-primary-200: rgba(247, 103, 7, 0.2);

  /* Links follow primary */
  --tblr-link-color: #f76707;
  --tblr-link-hover-color: color-mix(in oklab, #f76707, black 20%);

  /* Border radius: factor 2 */
  --tblr-border-radius: 0.5rem;
  --tblr-border-radius-sm: 0.375rem;
  --tblr-border-radius-lg: 0.75rem;
  --tblr-border-radius-xl: 1rem;
  --tblr-border-radius-pill: 100rem;

  /* Gray base: zinc */
  --tblr-gray-100: #f4f4f5;
  --tblr-gray-200: #e4e4e7;
  --tblr-gray-300: #d1d1d6;
  --tblr-gray-400: #a1a1aa;
  --tblr-gray-500: #71717a;
  --tblr-gray-600: #52525b;
  --tblr-gray-700: #3f3f46;
  --tblr-gray-800: #27272a;
  --tblr-gray-900: #18181b;
}