/* Reservoir Lab — единый тёмный дизайн (single dark theme).
   Чёрный фон, белый текст, салатовые кнопки — как на посадочных страницах. */
:root {
  color-scheme: dark;

  --color-page-bg: #222428;
  --color-page-bg-secondary: #0d2139;
  --color-surface: #1c1d22;
  --color-surface-secondary: #232429;
  --color-surface-raised: #26272d;
  --color-surface-glass: rgba(28, 29, 34, .82);
  --color-surface-hover: rgba(185, 242, 86, .12);
  --color-surface-active: rgba(185, 242, 86, .20);
  --color-surface-soft: rgba(255, 255, 255, .05);
  --color-overlay: rgba(0, 0, 0, .55);
  --color-surface-inset: #0d2139;
  --color-control-bg: #232429;
  --color-control-text: #ffffff;
  --color-control-placeholder: #8a93a0;
  --color-reading-surface: #1c1d22;
  --color-reading-text: #eef1f4;
  --color-contrast-surface: #ffffff;
  --color-contrast-surface-hover: #f0f2f4;
  --color-contrast-text: #161a1f;
  --color-contrast-muted: #6b7280;

  --color-text: #ffffff;
  --color-text-primary: #ffffff;
  --color-text-secondary: #c3cdd6;
  --color-page-text-primary: #ffffff;
  --color-page-text-secondary: #c3cdd6;
  --color-text-muted: #8a93a0;
  --color-text-disabled: #5b6570;
  --color-text-inverse: #161a1f;
  --color-link: #c7fd8b;
  --color-link-hover: #e1ffb0;

  --color-border: rgba(255, 255, 255, .14);
  --color-border-subtle: rgba(255, 255, 255, .08);
  --color-border-strong: rgba(255, 255, 255, .24);
  --color-divider: rgba(255, 255, 255, .12);
  --color-focus-ring: rgba(255, 255, 255, .30);

  --color-accent: #b9f256;
  --color-accent-hover: #c7fd8b;
  --color-accent-active: #c7fd8b;
  --color-accent-soft: rgba(185, 242, 86, .16);
  --color-accent-contrast: #161a1f;
  --color-accent-secondary: #9fe36a;
  --color-blue: #6fa8ff;

  --color-success: #7fe0a3;
  --color-success-soft: rgba(127, 224, 163, .16);
  --color-warning: #eec46a;
  --color-warning-soft: rgba(238, 196, 106, .16);
  --color-danger: #ff8a8a;
  --color-danger-soft: rgba(255, 138, 138, .16);
  --color-info: #6fa8ff;
  --color-info-soft: rgba(111, 168, 255, .16);

  --shadow-small: 0 8px 20px rgba(0, 0, 0, .35);
  --shadow-card: 0 12px 30px rgba(0, 0, 0, .40);
  --shadow-dropdown: 0 18px 45px rgba(0, 0, 0, .50);
  --shadow-modal: 0 22px 60px rgba(0, 0, 0, .55);
  --shadow-focus: 0 0 0 4px rgba(255, 255, 255, .18);

  --chart-canvas-bg: rgba(28, 29, 34, .90);
  --chart-plot-bg: rgba(255, 255, 255, .04);
  --chart-text: #eef1f4;
  --chart-text-muted: #9fb0bd;
  --chart-axis: rgba(255, 255, 255, .22);
  --chart-grid: rgba(255, 255, 255, .08);
  --chart-zero-line: rgba(255, 255, 255, .18);
  --chart-tooltip-bg: #232429;
  --chart-tooltip-border: rgba(255, 255, 255, .16);
  --chart-point-outline: #131316;
  --chart-map-shell: rgba(28, 29, 34, .86);
  --chart-map-contour-soft: rgba(185, 242, 86, .16);
  --chart-map-contour: #8fc93a;
  --chart-well-producer: #dce9ef;
  --chart-well-injector: #eec46a;
}