/* =================================================================
   Orpheus Hymns · Design tokens.
   Bridges theme.json presets to prototype variable names, then adds
   the remaining tokens (sizing, motion, surfaces, asset URL placeholders).
   ================================================================= */

:root {
  /* ---- Bridge from theme.json presets (palette + fonts) ----
     The prototype uses short var names (--void, --gold, --f-display, ...).
     theme.json exposes them as --wp--preset--color--*  and  --wp--preset--font-family--*.
     This bridge lets the prototype CSS work unchanged while keeping
     theme.json as the single source of truth. */

  /* palette */
  --void:       var(--wp--preset--color--void);
  --night:      var(--wp--preset--color--night);
  --obsidian:   var(--wp--preset--color--obsidian);
  --twilight:   var(--wp--preset--color--twilight);
  --amethyst:   var(--wp--preset--color--amethyst);
  --wine:       var(--wp--preset--color--wine);
  --gold:       var(--wp--preset--color--gold);
  --gold-soft:  var(--wp--preset--color--gold-soft);
  --copper:     var(--wp--preset--color--copper);
  --cream:      var(--wp--preset--color--cream);
  --parchment:  var(--wp--preset--color--parchment);
  --muted:      var(--wp--preset--color--muted);

  /* typography */
  --f-display:  var(--wp--preset--font-family--cinzel);
  --f-body:     var(--wp--preset--font-family--cormorant);
  --f-mono:     ui-monospace, "SF Mono", "JetBrains Mono", Consolas, monospace;

  /* ---- Remaining prototype tokens (not in theme.json) ---- */

  /* glow + surface */
  --glow-gold: 0 0 30px rgba(201, 169, 110, 0.15);
  --glow-gold-strong: 0 0 60px rgba(201, 169, 110, 0.25);
  --card-bg: rgba(22, 25, 41, 0.6);
  --card-border: rgba(201, 169, 110, 0.18);
  --card-border-hover: rgba(201, 169, 110, 0.45);

  /* sizing */
  --container: 1240px;
  --container-narrow: 780px;
  --container-text: 720px;

  /* motion */
  --ease: cubic-bezier(0.2, 0.8, 0.2, 1);
}

/* =================================================================
   Asset URL placeholders.
   These point to bundled theme images by default. They are intended
   to be overridden at runtime by orpheus_inline_asset_urls() in
   functions.php once Lane A wires up WP attachment IDs and uploads.
   Overridden at runtime by orpheus_inline_asset_urls() in functions.php.
   ================================================================= */
:root {
  --bg-orpheus-art:       url('../images/orpheus-art.png');
  --bg-orpheus-portrait:  url('../images/orpheus-portrait.jpg');
  --bg-winged-statue:     url('../images/winged-statue.jpg');
  --bg-lyre-sea:          url('../images/lyre-sea.jpeg');
  --bg-lyre-night:        url('../images/lyre-night.png');
  --bg-mosaic-paphos:     url('../images/mosaic-paphos.jpg');
  --bg-channel-art:       url('../images/channel-art.jpg');
}