/* Shared by the catalog and the offline photo-search shell. */
:root {
  color-scheme: light;
  --canvas: #fff;
  --surface: #fff;
  --ink: #232728;
  --on-ink: #fff;
  --muted: #626866;
  --line: #e0e4df;
  --soft: #f4f5f2;
  --accent: #25382d;
  --on-accent: #fff;
  --control-hover: #edf2ef;
  --placeholder: #a4afa6;
  --error: #922f2f;
  --shadow-floating: #00000012;
  --shadow-tooltip: rgb(0 0 0 / 12%);
  --dialog-backdrop: rgb(10 15 12 / 55%);
  --artwork-blend: multiply;

  /* Photo overlays retain contrast against unmodified artwork in either theme. */
  --on-media: #fff;
  --media-control: #232728;
  --media-control-hover: #414745;
  --media-border: rgb(255 255 255 / 35%);
  --media-backdrop: rgb(10 15 12 / 88%);
  --shadow-media: rgb(0 0 0 / 45%);
  --camera-scrim: #0002;
  --crop-scrim: #0005;
}

@media (prefers-color-scheme: dark) {
  :root {
    color-scheme: dark;
    --canvas: #151b18;
    --surface: #1e2722;
    --ink: #eef2ec;
    --on-ink: #151b18;
    --muted: #adb9af;
    --line: #35433a;
    --soft: #242e27;
    --accent: #b5d3ac;
    --on-accent: #182318;
    --control-hover: #2d3c31;
    --placeholder: #83988a;
    --error: #f1aaa5;
    --shadow-floating: rgb(0 0 0 / 35%);
    --shadow-tooltip: rgb(0 0 0 / 40%);
    --dialog-backdrop: rgb(5 10 7 / 70%);
    --artwork-blend: normal;
  }
}