:root {
  /*
    Theme tokens:
    Override these values in future theme files to restyle the interface
    without changing component styles.
  */
  --app-background: #1a1d23;
  --app-background-elevated: #20242b;

  --surface-card: #23272f;
  --surface-panel: #23272f;
  --surface-sidebar: #1e2228;
  --surface-elevated: #2b3038;
  --surface-hover: #323842;
  --surface-active: #3a414c;
  --surface-message-self: #262b34;
  --surface-message-other: transparent;
  --surface-input: #20242b;

  --button-primary: #2d333d;
  --button-primary-hover: #363d48;
  --button-primary-text: #f2f4f6;
  --button-secondary: #2b3038;
  --button-secondary-hover: #353b45;

  --text-primary: #f5f6f7;
  --text-secondary: #bcc2cb;
  --text-muted: #8e959f;

  --border-soft: rgba(255, 255, 255, 0.04);
  --border-strong: rgba(255, 255, 255, 0.085);

  --status-online: #d6dbe2;
  --status-warning: #cbb57a;
  --status-idle: #b86f6f;

  --radius-panel: 5px;
  --radius-control: 5px;
  --radius-small: 5px;

  --shadow-frame: 0 20px 50px rgba(0, 0, 0, 0.26);
  --shadow-panel: 0 10px 24px rgba(0, 0, 0, 0.18);
  --shadow-float: 0 8px 18px rgba(0, 0, 0, 0.16);
}