/* theme colors and options defined here */

/* Basic Light */
:root[data-theme='light'] {
  --main-color: #1e293b;
  --body-bg-color: #ffffff;
  --progressBar-color: #3b82f6;
  --progressBar-bg-color: #e2e8f0;
  --progressBar-blend-color: #60a5fa;
  --toolbar-icon-bg-color: #1e293b;
  --toolbar-icon-hover-bg-color: #0f172a;
  --button-hover-color: #e3e3e3;

  --sidebar-narrow-bg-color: rgb(255 255 255 / 0.95);
  --sidebar-toolbar-bg-color: #f8fafc;
  --toolbar-bg-color: #f8fafc;
  --toolbar-border-color: #e2e8f0;
  --toggled-btn-color: #ffffff;
  --toggled-btn-bg-color: #3b82f6;
  --dropdown-btn-bg-color: #f8fafc;
  --field-color: #1e293b;
  --field-bg-color: #ffffff;
  --field-border-color: #e2e8f0;
  --doorhanger-bg-color: #f8fafc;
  --doorhanger-border-color: #e2e8f0;
  --treeitem-color: #1e293b;
  --treeitem-bg-color: rgb(30 41 59 / 0.15);
  --separator-color: #e2e8f0;
}

/* Basic Dark */
:root[data-theme='tangerine'] {
  --main-color: #e2e8f0;
  --body-bg-color: #0f172a;
  --progressBar-color: #3b82f6;
  --progressBar-bg-color: #1e293b;
  --progressBar-blend-color: #60a5fa;
  --toolbar-icon-bg-color: #e2e8f0;
  --toolbar-icon-hover-bg-color: #f8fafc;
  --button-hover-color: #1e293b;

  --sidebar-narrow-bg-color: rgb(15 23 42 / 0.95);
  --sidebar-toolbar-bg-color: #1e293b;
  --toolbar-bg-color: #1e293b;
  --toolbar-border-color: #334155;
  --toggled-btn-color: #0f172a;
  --toggled-btn-bg-color: #3b82f6;
  --dropdown-btn-bg-color: #1e293b;
  --field-color: #e2e8f0;
  --field-bg-color: #0f172a;
  --field-border-color: #334155;
  --doorhanger-bg-color: #1e293b;
  --doorhanger-border-color: #334155;
  --treeitem-color: #e2e8f0;
  --treeitem-bg-color: rgb(226 232 240 / 0.15);
  --separator-color: #334155;
}

/* Carbon - Dark */
:root[data-theme='carbon'] {
  --main-color: oklch(0.8037 0.0084 98.9092);
  --body-bg-color: oklch(0.2679 0.0036 106.6427);
  --progressBar-color: oklch(0.9793 0.0029 84.5589);
  --progressBar-bg-color: oklch(0.2213 0.0038 106.707);
  --progressBar-blend-color: oklch(0.6678 0.0785 38.6005);
  --toolbar-icon-bg-color: oklch(0.8037 0.0084 98.9092);
  --toolbar-icon-hover-bg-color: oklch(0.9793 0.0029 84.5589);

  --sidebar-narrow-bg-color: oklch(0.2357 0.0024 67.7077 / 0.95);
  --sidebar-toolbar-bg-color: oklch(0.2213 0.0038 106.707);
  --toolbar-bg-color: oklch(0.2213 0.0038 106.707);
  --toolbar-border-color: oklch(0.3586 0.0068 106.7353);
  --button-hover-color: oklch(0.3586 0.0068 106.7353);
  --toggled-btn-color: oklch(0.2679 0.0036 106.6427);
  --toggled-btn-bg-color: oklch(0.6678 0.0785 38.6005);
  --dropdown-btn-bg-color: oklch(0.2213 0.0038 106.707);
  --field-color: oklch(0.8037 0.0084 98.9092);
  --field-bg-color: oklch(0.4299 0.0065 106.6683);
  --field-border-color: oklch(0.3586 0.0068 106.7353);
  --doorhanger-bg-color: oklch(0.2213 0.0038 106.707);
  --doorhanger-border-color: oklch(0.3586 0.0068 106.7353);
  --treeitem-color: oklch(0.8037 0.0084 98.9092);
  --treeitem-bg-color: oklch(0.8037 0.0084 98.9092 / 0.15);
  --separator-color: oklch(0.3586 0.0068 106.7353);
}