/* Notion - generated from packages/grid/src/themes/index.ts. Do not edit by hand. */
:root {
  --sg-bg: #ffffff;
  --sg-fg: #37352f;
  --sg-muted: #6b6a67;
  --sg-border: #e9e9e7;
  --sg-header-bg: #f7f6f3;
  --sg-header-fg: #6b6a67;
  --sg-bg-subtle: #f7f6f3;
  --sg-row-alt-bg: #fbfbfa;
  --sg-row-hover-bg: #f1f1ef;
  --sg-selection-bg: #d9eaf7;
  --sg-input-bg: #ffffff;
  --sg-input-border: #e9e9e7;
  --sg-accent: #2383e2;
  --sg-on-accent: #18181b;
  --sg-radius: 4px;
  --sg-font: ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif;
  --sg-danger: #dc2626;
  --sg-success: #16a34a;
  --sg-warning: #d97706;
  --sg-info: #0891b2;
  --sg-focus-ring: #2383e2;
  --sg-muted-bg: #f1f1ef;
  --sg-skeleton-bg: #f1f1ef;
  --sg-radius-lg: 8px;
  --sg-rating-on: #d97706;
  --sg-rating-empty: #e9e9e7;
  --sg-invalid-fg: #dc2626;
  --sg-scrollbar-bg: #f7f6f3;
  --sg-scrollbar-border: #e9e9e7;
  --sg-scrollbar-thumb: #6b6a67;
  --sg-scrollbar-thumb-hover: #37352f;
  --sg-scrollbar-thumb-active: #37352f;
  --sg-scrollbar-arrow: #6b6a67;
  --sg-scrollbar-arrow-hover: #37352f;
  --sg-scrollbar-arrow-hover-bg: #f1f1ef;
  --sg-scrollbar-arrow-active: #37352f;
  --sg-scrollbar-arrow-active-bg: #d9eaf7;
  --sg-scrollbar-arrow-disabled: #e9e9e7;
}
:root[data-theme='dark'] {
  --sg-bg: #191919;
  --sg-fg: #d4d4d4;
  --sg-muted: #9b9b9b;
  --sg-border: #2f2f2f;
  --sg-header-bg: #202020;
  --sg-header-fg: #9b9b9b;
  --sg-bg-subtle: #202020;
  --sg-row-alt-bg: #1c1c1c;
  --sg-row-hover-bg: #252525;
  --sg-selection-bg: #20415c;
  --sg-input-bg: #191919;
  --sg-input-border: #2f2f2f;
  --sg-accent: #529cca;
  --sg-on-accent: #18181b;
  --sg-radius: 4px;
  --sg-font: ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif;
  --sg-danger: #f87171;
  --sg-success: #4ade80;
  --sg-warning: #fbbf24;
  --sg-info: #22d3ee;
  --sg-focus-ring: #529cca;
  --sg-muted-bg: #252525;
  --sg-skeleton-bg: #252525;
  --sg-radius-lg: 8px;
  --sg-rating-on: #fbbf24;
  --sg-rating-empty: #2f2f2f;
  --sg-invalid-fg: #f87171;
  --sg-scrollbar-bg: #202020;
  --sg-scrollbar-border: #2f2f2f;
  --sg-scrollbar-thumb: #9b9b9b;
  --sg-scrollbar-thumb-hover: #d4d4d4;
  --sg-scrollbar-thumb-active: #d4d4d4;
  --sg-scrollbar-arrow: #9b9b9b;
  --sg-scrollbar-arrow-hover: #d4d4d4;
  --sg-scrollbar-arrow-hover-bg: #252525;
  --sg-scrollbar-arrow-active: #d4d4d4;
  --sg-scrollbar-arrow-active-bg: #20415c;
  --sg-scrollbar-arrow-disabled: #2f2f2f;
}