/* Epsilon: petrol, warm ivory and vivid rose. Original assets and geometry retained. */
:root, .dark {
  --pink: #174f55;
  --red: #b52b70;
  --ink: #183c42;
  --paper: #f6f2eb;
  --background: #f6f2eb;
  --foreground: #174f55;
  --card: #174f55;
  --card-foreground: #fff;
  --popover: #f6f2eb;
  --popover-foreground: #174f55;
  --primary: #174f55;
  --secondary: #b52b70;
  --muted: #e8eee9;
  --muted-foreground: #365b5f;
  --accent: #b52b70;
  --border: #174f55;
  --input: #174f55;
  --ring: #b52b70;
}
.experience { background: var(--paper); }
/* One uniform, static tint keeps every pixel of the bow and computer together. */
.landscape, .computer-art img { filter: saturate(.72); }
.join { background: var(--accent); }
.setup-heading p { color: #b52b70; }
.paper-label { background: var(--paper); }
.panel-toolbar, .panel-footer { border-color: #ffffff70; }
::selection { color: #fff; background: #b52b70; }
@media (max-width: 759px) {
  html, body, .experience.is-start { background: #f6f2eb; }
  .experience:after { background: linear-gradient(to bottom, #f6f2eb, transparent max(36px, env(safe-area-inset-top, 0px)), transparent calc(100% - max(36px, env(safe-area-inset-bottom, 0px))), #f6f2eb); }
}