/* Frost Theme */
.theme-frost {
  /* Layout/Structure variables */
  --st-border-radius: 0px;
  --st-cell-padding: 8px;

  /* Spacing variables */
  --st-spacing-small: 4px;
  --st-spacing-medium: 8px;

  /* Scrollbar variables */
  --st-scrollbar-bg-color: #f8faff;
  --st-scrollbar-thumb-color: #c5d1dd;
  --st-scrollbar-width: thin;
  --st-scrollbar-thumb-border-radius: 4px;

  /* Base/Structural colors */
  --st-border-color: #e1e7ea;
  --st-footer-background-color: #f8faff;
  --st-last-group-row-separator-border-color: #c5d1dd;

  /* Row colors - Crisp white with a faint icy band on even rows when the
   * useOddEvenRowBackground option is enabled. */
  --st-odd-row-background-color: #ffffff;
  --st-even-row-background-color: #f4f8fc;
  --st-hover-row-background-color: #e5effe;
  --st-selected-row-background-color: #d4e4fd;

  /* Column colors */
  --st-odd-column-background-color: #ffffff;
  --st-even-column-background-color: #ffffff;

  /* Header colors */
  --st-header-background-color: #f8faff;
  --st-sub-header-background-color: #e5effe;
  --st-sub-cell-background-color: #f8faff;
  --st-sub-cell-hover-background-color: #d4e4fd;
  --st-header-label-color: #0b1215;
  --st-header-icon-color: #5a6c7d;

  /* Cell colors */
  --st-cell-color: #0b1215;
  --st-cell-odd-row-color: #0b1215;
  --st-edit-cell-shadow: 0 1px 2px 0 rgba(11, 18, 21, 0.05);

  /* Selection colors */
  --st-selected-cell-background-color: #c9dcfb;
  --st-selected-first-cell-background-color: #d4e4fd;
  --st-selected-cell-color: #0b1215;
  --st-selected-first-cell-color: #0b1215;
  --st-selected-sub-cell-background-color: #c9dcfb;
  --st-selected-sub-cell-color: #0b1215;
  --st-dragging-background-color: #d0dce8;
  --st-dragging-sub-header-background-color: #0d9488;

  /* Interactive element colors */
  --st-resize-handle-color: #c5d1dd;
  --st-resize-handle-selected-color: #5a6c7d;

  /* Border colors */
  --st-selected-border-color: #5a9cf8;
  --st-editable-cell-focus-border-color: #5a9cf8;
  --st-focus-ring-color: #5a9cf8;

  /* Button colors */
  --st-button-hover-background-color: #e5effe;
  --st-button-active-background-color: #5a9cf8;
  --st-next-prev-btn-color: #5a6c7d;
  --st-next-prev-btn-disabled-color: #c5d1dd;
  --st-page-btn-color: #5a6c7d;
  --st-page-btn-hover-background-color: #e5effe;

  /* Checkbox colors */
  --st-checkbox-checked-background-color: #5a9cf8;
  --st-checkbox-checked-border-color: #4a8ce8;
  --st-checkbox-border-color: #e1e7ea;

  /* Column editor colors */
  --st-column-editor-background-color: #ffffff;
  --st-column-editor-popout-background-color: #ffffff;
  --st-column-editor-text-color: #5a6c7d;

  /* Form element colors */
  --st-datepicker-weekday-color: #5a6c7d;
  --st-datepicker-other-month-color: #c5d1dd;
  --st-filter-button-disabled-background-color: #e1e7ea;
  --st-filter-button-disabled-text-color: #5a6c7d;

  /* Flash/Animation colors */
  --st-cell-flash-color: #d0dce8;
  --st-copy-flash-color: #5a9cf8;
  --st-warning-flash-color: #f87171;

  /* Tooltip variables */
  --st-tooltip-background-color: #0b1215;
  --st-tooltip-text-color: #ffffff;
  --st-tooltip-border-radius: 6px;
  --st-tooltip-padding: 8px 12px;
  --st-tooltip-font-size: 13px;
  --st-tooltip-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);

  /* Header selection colors */
  --st-header-selected-background-color: #5a9cf8;
  --st-header-selected-label-color: #ffffff;
  --st-header-selected-icon-color: #ffffff;
  --st-header-highlight-indicator-color: #c9dcfb;
  --st-selection-highlight-indicator-color: #e1e7ea;

  /* Utility colors */
  --st-loading-skeleton-bg-color: #e1e7ea;
  --st-chart-color: var(--st-blue-300);
  --st-chart-fill-color: var(--st-blue-300);

  /* Drag and drop colors */
  --st-drag-separator-color: #0d9488;
}