/* Reservoir Lab oil-family themes.
   Condensate is the default. Shale is a calm cool-gray daytime theme.
   Anthracite deliberately mixes graphite shells, dark controls and light work cards.
   Bitumen is the fully dark navy engineering theme. */
:root,
html[data-theme="condensate"] {
  color-scheme: light;

  --color-page-bg: #edf4f6;
  --color-page-bg-secondary: #f7fbfc;
  --color-surface: #ffffff;
  --color-surface-secondary: #f3f8fa;
  --color-surface-raised: rgba(255, 255, 255, .92);
  --color-surface-glass: rgba(255, 255, 255, .76);
  --color-surface-hover: rgba(0, 168, 181, .08);
  --color-surface-active: rgba(0, 168, 181, .14);
  --color-overlay: rgba(12, 34, 48, .32);
  --color-surface-inset: #edf4f6;
  --color-control-bg: #ffffff;
  --color-control-text: #18364a;
  --color-control-placeholder: #8295a1;
  --color-reading-surface: #ffffff;
  --color-reading-text: #203c49;
  --color-contrast-surface: #18364a;
  --color-contrast-surface-hover: #24495e;
  --color-contrast-text: #f4fbfc;
  --color-contrast-muted: #b9cad2;

  --color-text-primary: #18364a;
  --color-text-secondary: #60798a;
  --color-page-text-primary: #18364a;
  --color-page-text-secondary: #60798a;
  --color-text-muted: #8295a1;
  --color-text-disabled: #a8b5bc;
  --color-text-inverse: #ffffff;
  --color-link: #007d94;
  --color-link-hover: #005f73;

  --color-border: rgba(36, 67, 84, .12);
  --color-border-subtle: rgba(36, 67, 84, .08);
  --color-border-strong: rgba(36, 67, 84, .20);
  --color-divider: rgba(36, 67, 84, .12);
  --color-focus-ring: rgba(0, 168, 181, .22);

  --color-accent: #00a8b5;
  --color-accent-hover: #0093a2;
  --color-accent-active: #007d94;
  --color-accent-soft: rgba(0, 168, 181, .11);
  --color-accent-contrast: #ffffff;
  --color-accent-secondary: #26d7bb;
  --color-blue: #2f74ff;

  --color-success: #47c79a;
  --color-success-soft: rgba(71, 199, 154, .14);
  --color-warning: #f3bd4f;
  --color-warning-soft: rgba(243, 189, 79, .16);
  --color-danger: #f36b6b;
  --color-danger-soft: rgba(243, 107, 107, .14);
  --color-info: #2f74ff;
  --color-info-soft: rgba(47, 116, 255, .12);

  --shadow-small: 0 8px 20px rgba(27, 63, 82, .08);
  --shadow-card: 0 12px 30px rgba(27, 63, 82, .10);
  --shadow-dropdown: 0 18px 45px rgba(27, 63, 82, .16);
  --shadow-modal: 0 22px 60px rgba(27, 63, 82, .15);
  --shadow-focus: 0 0 0 4px rgba(0, 168, 181, .12);

  --chart-canvas-bg: rgba(255, 255, 255, .45);
  --chart-plot-bg: rgba(255, 255, 255, .22);
  --chart-text: #18364a;
  --chart-text-muted: #60798a;
  --chart-axis: rgba(24, 54, 74, .22);
  --chart-grid: rgba(24, 54, 74, .09);
  --chart-zero-line: rgba(24, 54, 74, .18);
  --chart-tooltip-bg: #ffffff;
  --chart-tooltip-border: rgba(36, 67, 84, .16);
  --chart-point-outline: #ffffff;
  --chart-map-shell: rgba(255, 255, 255, .52);
  --chart-map-contour-soft: rgba(227, 244, 248, .75);
  --chart-map-contour: #009fb2;
  --chart-well-producer: #173a52;
  --chart-well-injector: #f1b94c;
}

/* Shale: cool mineral gray, clearly denser than Condensate but still a light theme. */
html[data-theme="shale"] {
  color-scheme: light;

  --color-page-bg: #93a1a9;
  --color-page-bg-secondary: #a8b3b9;
  --color-surface: #e3e7e8;
  --color-surface-secondary: #d5dbdd;
  --color-surface-raised: #f1f3f4;
  --color-surface-glass: rgba(224, 229, 231, .88);
  --color-surface-hover: rgba(0, 140, 151, .09);
  --color-surface-active: rgba(0, 140, 151, .15);
  --color-overlay: rgba(20, 31, 39, .48);
  --color-surface-inset: #73828b;
  --color-control-bg: #f5f7f7;
  --color-control-text: #1c3542;
  --color-control-placeholder: #7d8d95;
  --color-reading-surface: #e9edee;
  --color-reading-text: #213b47;
  --color-contrast-surface: #334550;
  --color-contrast-surface-hover: #405660;
  --color-contrast-text: #f0f6f7;
  --color-contrast-muted: #c0cdd2;

  --color-text-primary: #1c3542;
  --color-text-secondary: #5e727d;
  --color-page-text-primary: #152f3c;
  --color-page-text-secondary: #435b67;
  --color-text-muted: #7d8d95;
  --color-text-disabled: #a0aaaf;
  --color-text-inverse: #f7fbfc;
  --color-link: #007b88;
  --color-link-hover: #005d68;

  --color-border: rgba(35, 58, 69, .16);
  --color-border-subtle: rgba(35, 58, 69, .09);
  --color-border-strong: rgba(35, 58, 69, .28);
  --color-divider: rgba(35, 58, 69, .14);
  --color-focus-ring: rgba(0, 159, 166, .25);

  --color-accent: #16aaa8;
  --color-accent-hover: #0f9798;
  --color-accent-active: #087983;
  --color-accent-soft: rgba(22, 170, 168, .13);
  --color-accent-contrast: #08252c;
  --color-accent-secondary: #39cbb5;
  --color-blue: #3977d8;

  --color-success: #3caf82;
  --color-success-soft: rgba(60, 175, 130, .14);
  --color-warning: #dfad4a;
  --color-warning-soft: rgba(223, 173, 74, .17);
  --color-danger: #dc6872;
  --color-danger-soft: rgba(220, 104, 114, .14);
  --color-info: #3977d8;
  --color-info-soft: rgba(57, 119, 216, .13);

  --shadow-small: 0 8px 20px rgba(23, 38, 47, .12);
  --shadow-card: 0 14px 34px rgba(23, 38, 47, .16);
  --shadow-dropdown: 0 22px 54px rgba(23, 38, 47, .24);
  --shadow-modal: 0 28px 70px rgba(23, 38, 47, .29);
  --shadow-focus: 0 0 0 4px rgba(22, 170, 168, .17);

  --chart-canvas-bg: #d6dcde;
  --chart-plot-bg: #f1f3f4;
  --chart-text: #1c3542;
  --chart-text-muted: #5e727d;
  --chart-axis: rgba(28, 53, 66, .25);
  --chart-grid: rgba(28, 53, 66, .10);
  --chart-zero-line: rgba(28, 53, 66, .19);
  --chart-tooltip-bg: #f4f6f6;
  --chart-tooltip-border: rgba(35, 58, 69, .18);
  --chart-point-outline: #f8fafb;
  --chart-map-shell: #dce1e3;
  --chart-map-contour-soft: rgba(197, 222, 224, .78);
  --chart-map-contour: #008f99;
  --chart-well-producer: #1b3a48;
  --chart-well-injector: #dfad4a;
}

/* Anthracite: an intentionally high-contrast hybrid with dark shells and controls. */
html[data-theme="anthracite"] {
  color-scheme: light;

  --color-page-bg: #3a474f;
  --color-page-bg-secondary: #46545d;
  --color-surface: #d0d5d7;
  --color-surface-secondary: #c2c9cc;
  --color-surface-raised: #f0f2f3;
  --color-surface-glass: rgba(208, 213, 215, .92);
  --color-surface-hover: rgba(13, 142, 140, .10);
  --color-surface-active: rgba(13, 142, 140, .16);
  --color-overlay: rgba(7, 13, 18, .68);
  --color-surface-inset: #2b3942;
  --color-control-bg: #2a3d47;
  --color-control-text: #eef4f5;
  --color-control-placeholder: #b1c0c7;
  --color-reading-surface: #dce1e2;
  --color-reading-text: #1b333e;
  --color-contrast-surface: #263943;
  --color-contrast-surface-hover: #314852;
  --color-contrast-text: #eef4f5;
  --color-contrast-muted: #b1c0c7;

  --color-text-primary: #172f3b;
  --color-text-secondary: #60737d;
  --color-page-text-primary: #edf5f7;
  --color-page-text-secondary: #c1cfd5;
  --color-text-muted: #7f8e95;
  --color-text-disabled: #9fa9ae;
  --color-text-inverse: #f2f8f9;
  --color-link: #075f66;
  --color-link-hover: #064f56;

  --color-border: rgba(22, 45, 57, .18);
  --color-border-subtle: rgba(22, 45, 57, .10);
  --color-border-strong: rgba(22, 45, 57, .32);
  --color-divider: rgba(22, 45, 57, .16);
  --color-focus-ring: rgba(14, 142, 138, .28);

  --color-accent: #139b96;
  --color-accent-hover: #1eaaa3;
  --color-accent-active: #0b807e;
  --color-accent-soft: rgba(19, 155, 150, .14);
  --color-accent-contrast: #061c24;
  --color-accent-secondary: #65b8b2;
  --color-blue: #3e76d9;

  --color-success: #43b985;
  --color-success-soft: rgba(67, 185, 133, .15);
  --color-warning: #e3b24f;
  --color-warning-soft: rgba(227, 178, 79, .18);
  --color-danger: #df6c76;
  --color-danger-soft: rgba(223, 108, 118, .15);
  --color-info: #477ee0;
  --color-info-soft: rgba(71, 126, 224, .14);

  --shadow-small: 0 9px 22px rgba(10, 18, 23, .13);
  --shadow-card: 0 16px 38px rgba(10, 18, 23, .18);
  --shadow-dropdown: 0 24px 60px rgba(10, 18, 23, .28);
  --shadow-modal: 0 32px 82px rgba(10, 18, 23, .34);
  --shadow-focus: 0 0 0 4px rgba(19, 155, 150, .17);

  --chart-canvas-bg: #c9cfd1;
  --chart-plot-bg: #eef1f2;
  --chart-text: #172f3b;
  --chart-text-muted: #60737d;
  --chart-axis: rgba(23, 47, 59, .28);
  --chart-grid: rgba(23, 47, 59, .11);
  --chart-zero-line: rgba(23, 47, 59, .20);
  --chart-tooltip-bg: #eef1f2;
  --chart-tooltip-border: rgba(22, 45, 57, .20);
  --chart-point-outline: #f5f7f8;
  --chart-map-shell: #c9d0d2;
  --chart-map-contour-soft: rgba(187, 218, 220, .78);
  --chart-map-contour: #0f8588;
  --chart-well-producer: #172f3b;
  --chart-well-injector: #e3b24f;
}

/* Bitumen: fully dark navy surfaces; white is reserved for scientific imagery only. */
html[data-theme="bitumen"] {
  color-scheme: dark;

  --color-page-bg: #07121d;
  --color-page-bg-secondary: #0a1723;
  --color-surface: #101f2d;
  --color-surface-secondary: #152737;
  --color-surface-raised: #1a2e40;
  --color-surface-glass: rgba(15, 31, 45, .91);
  --color-surface-hover: rgba(24, 199, 189, .11);
  --color-surface-active: rgba(24, 199, 189, .18);
  --color-overlay: rgba(2, 8, 15, .74);
  --color-surface-inset: #081622;
  --color-control-bg: #132635;
  --color-control-text: #eef6fa;
  --color-control-placeholder: #7f95a4;
  --color-reading-surface: #10202e;
  --color-reading-text: #dce9ef;
  --color-contrast-surface: #091722;
  --color-contrast-surface-hover: #142a39;
  --color-contrast-text: #edf6fa;
  --color-contrast-muted: #95aab7;

  --color-text-primary: #eef6fa;
  --color-text-secondary: #a9bac6;
  --color-page-text-primary: #eef6fa;
  --color-page-text-secondary: #a9bac6;
  --color-text-muted: #7f95a4;
  --color-text-disabled: #5f7382;
  --color-text-inverse: #06141b;
  --color-link: #54ddd4;
  --color-link-hover: #86eee7;

  --color-border: rgba(150, 180, 199, .18);
  --color-border-subtle: rgba(150, 180, 199, .10);
  --color-border-strong: rgba(150, 180, 199, .30);
  --color-divider: rgba(150, 180, 199, .16);
  --color-focus-ring: rgba(53, 215, 204, .30);

  --color-accent: #18c7bd;
  --color-accent-hover: #35d7cc;
  --color-accent-active: #0baaa8;
  --color-accent-soft: rgba(24, 199, 189, .14);
  --color-accent-contrast: #06151b;
  --color-accent-secondary: #39d7bb;
  --color-blue: #6f9cff;

  --color-success: #53d39f;
  --color-success-soft: rgba(83, 211, 159, .14);
  --color-warning: #f2be5d;
  --color-warning-soft: rgba(242, 190, 93, .15);
  --color-danger: #ff7c86;
  --color-danger-soft: rgba(255, 124, 134, .14);
  --color-info: #74a3ff;
  --color-info-soft: rgba(116, 163, 255, .14);

  --shadow-small: 0 8px 22px rgba(0, 0, 0, .18);
  --shadow-card: 0 14px 34px rgba(0, 0, 0, .22);
  --shadow-dropdown: 0 22px 56px rgba(0, 0, 0, .34);
  --shadow-modal: 0 28px 72px rgba(0, 0, 0, .42);
  --shadow-focus: 0 0 0 4px rgba(24, 199, 189, .18);

  --chart-canvas-bg: rgba(10, 25, 38, .90);
  --chart-plot-bg: rgba(15, 33, 48, .82);
  --chart-text: #eaf4f8;
  --chart-text-muted: #9eb2bf;
  --chart-axis: rgba(183, 207, 221, .30);
  --chart-grid: rgba(183, 207, 221, .12);
  --chart-zero-line: rgba(183, 207, 221, .22);
  --chart-tooltip-bg: #1a2e40;
  --chart-tooltip-border: rgba(183, 207, 221, .22);
  --chart-point-outline: #0d1b28;
  --chart-map-shell: rgba(10, 25, 38, .86);
  --chart-map-contour-soft: rgba(31, 70, 88, .58);
  --chart-map-contour: #27cfc7;
  --chart-well-producer: #dce9ef;
  --chart-well-injector: #f2be5d;
}