/* Dark theme. Selected by <html data-theme="dark"> (see js/core/theme.js). */
[data-theme='dark'] {
  color-scheme: dark;

  --bg: #0e1412;
  --surface: #151d1a;
  --surface-2: #19221f;
  --surface-3: #212c27;
  --hover: #1d2723;

  --border: #26322d;
  --border-strong: #33423b;
  --border-hover: #4b5f55;

  --text: #e6eee9;
  --text-2: #c2cec7;
  --text-3: #93a39a;
  --text-4: #6e8077;

  --brand: #34b886;
  --brand-hover: #44c995;
  --brand-soft: #143127;
  --brand-softer: #12261f;
  --brand-border: #22503d;
  --on-brand: #06140e;
  --focus: #44c995;

  --success: #4cc994;
  --success-soft: #133122;
  --warning: #e0b55c;
  --warning-soft: #33290f;
  --warning-border: #4a3c17;
  --danger: #ef8080;
  --danger-soft: #3a1d1d;
  --danger-border: #5c2c2c;
  --info: #93b2ef;
  --info-soft: #1b2740;

  --overlay: rgba(0, 0, 0, 0.6);
  --toast-bg: #e6eee9;
  --toast-text: #0e1412;
  --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.3);
  --shadow-md: 0 1px 3px rgba(0, 0, 0, 0.45);
  --shadow-lg: 0 24px 80px rgba(0, 0, 0, 0.55);

  --preview-bg: #ffffff;
}