/*
 * paper.css — Paper (high-contrast book style) built-in theme (ADR-188).
 *
 * Owner: @sharpee/platform-browser (a platform-shipped built-in theme).
 *
 * A `[data-theme="<id>"]` token override block targeting the `--theme-*`
 * contract consumed by the engine layer (engine.css), plus one flourish: a
 * softer dialog backdrop (0.5 vs the engine default 0.7) suited to the light
 * palette. Everything else is painted by the engine.
 *
 * Built-in themes ship with platform-browser under styles/themes/ and are wired
 * into a story by listing their id in `sharpee.themes`. Load order (ADR-188):
 * base.css → engine.css → THIS FILE → [author override].
 */

[data-theme="paper"] {
  --theme-bg: #f5f5f0;
  --theme-bg-alt: #eaeae5;
  --theme-text: #1a1a1a;
  --theme-text-muted: #555555;
  --theme-accent: #2c2c2c;
  --theme-accent-text: #f5f5f0;
  --theme-border: #cccccc;
  --theme-input-bg: transparent;
  --theme-menu-bg: #eaeae5;
  --theme-menu-hover: #ddddd8;
  --theme-font: "Crimson Text", Georgia, serif;
  --theme-font-size: 17px;
  --theme-line-height: 1.7;
}

/* Flourish: lighter dialog backdrop for the light palette. */
[data-theme="paper"] .sharpee-dialog::backdrop {
  background: rgba(0, 0, 0, 0.5);
}