/* Dark colors, loaded after style.css. inc/global/head.inc.php sets this file's media from the
   user's theme: always on for Dark, off for Light, and the system setting for Auto. */
:root {
  color-scheme: dark;

  /* Same red as light mode: white button text needs 4.5:1 */
  --brand: #e1062c;
  --brand-hover: #c40425;
  --brand-soft: rgb(240 25 61 / 0.14);
  --brand-text: #ff5470;

  --bg: #0c0c0e;
  --surface: #151518;
  --surface-2: #1d1d21;
  --border: #2a2a30;
  --border-strong: #3a3a42;
  --text: #f3f3f5;
  --text-muted: #a5a5b0;
  --text-faint: #8a8a94;
  --border-input: #64646e;

  --star: #fbbf24;
  --success: #4ade80;
  --danger: #ff5470;
  --on-danger: #0c0c0e; /* white on this lighter red only reaches 3.1:1 */

  --shadow-sm: 0 1px 2px rgb(0 0 0 / 0.4);
  --shadow-md: 0 6px 16px rgb(0 0 0 / 0.45);
  --shadow-lg: 0 20px 48px rgb(0 0 0 / 0.6);

  --logo-filter: none;
}