@import url("/assets/highcharts/css/default.css");

:root,
.highcharts-light {
  --page-bg: #EFF3F6;
  --page-text: #000000;
  --page-text-secondary: #4C5B73;
  --page-text-disabled: #C4D1DB;
  --popover-bg-color: var(--page-bg);
  --popover-text-color: var(--page-text-secondary);
  --box-shadow: 0 0 0 2px #F0F0F0;

  /* --logo-bg: #ffffff; */

  --side-menu-bg: #FFFFFF;
  --side-menu-color: #485E75;
  --active-side-menu-bg: #495f74;

  --highcharts-background-color: #FFFFFF;
  --highcharts-grid-line-color: #e9e9e9;
  --highcharts-color-0: #00F6ED;
  --highcharts-color-1: #F2E863;
  --highcharts-color-2: #00CC66;
  --highcharts-color-3: #604ADA;
  --highcharts-color-4: #E55DED;
  --highcharts-color-5: #DD6031;
  --highcharts-color-6: #FAA4BD;
  --highcharts-color-7: #E85D75;
  --highcharts-color-8: #91e8e1;
  --highcharts-color-9: #ba87f7;
  --highcharts-color-10: #fd8899;
  --highcharts-color-11: #33af28;
  --highcharts-color-12: #7D80DA;

  --highcharts-text-color: #000000;
  --highcharts-text-color-1: #fdfdfd;

  --highcharts-axis-line-color: #d0d0d0;

  --icon-color: #74757c;
  --icon-active-color: var(--main-color);

  /* --ag-header-foreground-color: #000000; */
  --hover-orange: #fef2e7;

  --score-card-text-color: #ffffff;

  --ag-grid-budget-background-color: #ffaf64;
  --ag-grid-budget-text-color: #000000;
  --action-icon-color: #000000;
  --ag-grid-preset-btn-bg: #228be633;

  --snapshot-up-bg: #D0F3E1;
  --snapshot-down-bg: #F5E6E5;
  --snapshot-mid-bg: #F0EBA7;

  --snapshot-top-row-up: #00CC66;
  --snapshot-top-row-down: #ED6A5A;

  --card-circle-up: #00CC66;
  --card-circle-down: #ED6A5A;
  --card-circle-mid: #F0B760;

  --snapshot-bar-color-1: #eaf4ef;
  --snapshot-bar-color-2: #eaf7f7;

  --custom-export-row-color: #FFFFFF;

  --snapshot-pie-color-0: var(--highcharts-color-0);
  --snapshot-pie-color-1: var(--highcharts-color-1);
  --snapshot-pie-color-2: var(--highcharts-color-2);
  --snapshot-pie-color-3: var(--highcharts-color-3);
  --snapshot-pie-color-4: var(--highcharts-color-4);
  --snapshot-pie-color-5: var(--highcharts-color-5);
  --snapshot-pie-color-6: var(--highcharts-color-6);
  --snapshot-pie-color-7: var(--highcharts-color-7);
  --snapshot-pie-color-8: var(--highcharts-color-8);

  --tooltip-bg: #090C11;
  --tooltip-color: #e0e0e0;

  --cadence-date-color: #485E75;
}

/* 🌙 Dark Theme */
:root[data-theme="dark"],
.highcharts-dark {
  --page-bg: #1A2433;
  --page-text: #e0e0e0;
  --page-text-secondary: #C8CED7;
  --page-text-disabled: #4C5B73;
  --popover-bg-color: #090C11;
  --popover-text-color: #ffffff;
  --box-shadow: 0 0 0 2px #0F0F0F;
  /* --logo-bg: #ffffff; */

  --side-menu-bg: #121821;
  --side-menu-color: #F2F5F7;
  --active-side-menu-bg: #d4d4d4;

  --highcharts-background-color: #121821;
  --highcharts-grid-line-color: #2E3C51;

  --highcharts-color-0: #00F6ED;
  --highcharts-color-1: #F2E863;
  --highcharts-color-2: #00CC66;
  --highcharts-color-3: #604ADA;
  --highcharts-color-4: #E55DED;
  --highcharts-color-5: #DD6031;
  --highcharts-color-6: #FAA4BD;
  --highcharts-color-7: #E85D75;
  --highcharts-color-8: #91e8e1;
  --highcharts-color-9: #ba87f7;
  --highcharts-color-10: #fd8899;
  --highcharts-color-11: #33af28;
  --highcharts-color-12: #7D80DA;

  --highcharts-text-color: #e0e0e0;
  --highcharts-text-color-1: #000000;

  --highcharts-axis-line-color: #d0d0d0;

  --icon-color: #74757c;
  --icon-active-color: var(--main-color);

  /* --ag-header-foreground-color: #ffffff; */
  --hover-orange: #fef2e7;

  --score-card-text-color: #000000;

  --ag-grid-budget-background-color: #ffaf64;
  --ag-grid-budget-text-color: #000000;
  --action-icon-color: #ffffff;
  --ag-grid-preset-btn-bg: #228be633;

  --snapshot-up-bg: #183541;
  --snapshot-down-bg: #3D2B3C;
  --snapshot-mid-bg: #767127;

  --snapshot-top-row-up: #ffffff;
  --snapshot-top-row-down: #ffffff;
  --snapshot-card-value-color: #ffffff;

  --card-circle-up: #00CC66;
  --card-circle-down: #ED6A5A;
  --card-circle-mid: #F0B760;

  --snapshot-bar-color-1: #183541;
  --snapshot-bar-color-2: #1e263a;

  --custom-export-row-color: #121821;

  --snapshot-pie-color-0: var(--highcharts-color-0);
  --snapshot-pie-color-1: var(--highcharts-color-1);
  --snapshot-pie-color-2: var(--highcharts-color-2);
  --snapshot-pie-color-3: var(--highcharts-color-3);
  --snapshot-pie-color-4: var(--highcharts-color-4);
  --snapshot-pie-color-5: var(--highcharts-color-5);
  --snapshot-pie-color-6: var(--highcharts-color-6);
  --snapshot-pie-color-7: var(--highcharts-color-7);
  --snapshot-pie-color-8: var(--highcharts-color-8);

  --tooltip-bg: #090C11;
  --tooltip-color: #e0e0e0;

  --cadence-date-color: #C8CED7;
}

:root[data-bs-theme="dark"] {
  --bs-body-bg: #1A2433;
}

:root[data-mantine-color-scheme="dark"] {
  --modal-primary-bottom-border: 1px solid #253447;
}
:root[data-mantine-color-scheme="light"] {
  --modal-primary-bottom-border: 1px solid #dde0e3;
}

[data-bs-theme="dark"] .dropdown-menu .dropdown-item:hover,
[data-bs-theme="dark"] .dropdown-menu .dropdown-item:focus {
  background-color: #333;
  /* slightly lighter dark for hover */
  color: #fff;
  /* make text stand out */
}

/* Body styling */
body {
  background-color: var(--page-bg);
  color: var(--page-text);
  transition: background-color 0.3s, color 0.3s;
}