/* Memorial themes. The family manager picks one; it sets the sky, accent, signature-page backdrop and keepsake box.
   Each theme defines light values on :root[data-skin] and dark values under prefers-color-scheme. */

/* Forget-me-not: taken from the For Our Loved Ones logo (cream paper, forget-me-not blue, lavender, sage, gold ribbon). */
:root[data-skin="forgetmenot"]{
  --sky1:#f6f4ee; --sky2:#eef1f8; --accent:#4c679e; --accent-ink:#ffffff; --accent-soft:#e6ecf7;
  --wall-a:#eef3fb; --wall-b:#f1ecf8; --wall-c:#f2f5ec; --wall-1:#a8c6ee; --wall-2:#bfaee2; --wall-3:#bcd3b0; --wall-4:#ecccd6;
  --page-title:#a9b8d8; --page-rule:#edf1f8;
  --lid-a:#b4c9e8; --lid-b:#93add6; --base-a:#a0b9df; --base-b:#7f9bc9; --in-a:#3d5482; --in-b:#536b9c;
  --ribbon-a:#d6bd84; --ribbon-b:#ecdcb2; --label-ink:#3d5482; --tab-ink:#4a3a12;
  --meadow-sky:#eef3fb; --meadow-grass:#a3c190;
}
:root, :root[data-skin="lavender"]{
  --sky1:#dbe3f6; --sky2:#f5e5ee; --accent:#6c52a3; --accent-ink:#ffffff; --accent-soft:#ece6f8;
  --wall-a:#ffd0e2; --wall-b:#e8d4ff; --wall-c:#ffdcc4; --wall-1:#ff8fbf; --wall-2:#b495ff; --wall-3:#ffa77a; --wall-4:#f58fd2;
  --page-title:#c9b8e6; --page-rule:#efe6fb;
  --lid-a:#cbb8f0; --lid-b:#a88bd9; --base-a:#b9a1e8; --base-b:#9479cc; --in-a:#6d4fa6; --in-b:#8f73c6;
  --ribbon-a:#f39cc2; --ribbon-b:#f9c0d8; --label-ink:#5b3f8a; --tab-ink:#5a2448;
  --meadow-sky:#e9e2fb; --meadow-grass:#9fc48a;
}
:root[data-skin="ocean"]{
  --sky1:#d6e8f1; --sky2:#e6f3ef; --accent:#1d6a86; --accent-ink:#ffffff; --accent-soft:#dcedf3;
  --wall-a:#cfe8f5; --wall-b:#d8f1ea; --wall-c:#e4eef8; --wall-1:#7cc3e2; --wall-2:#6fb0d6; --wall-3:#93d8c6; --wall-4:#a9cdea;
  --page-title:#9cc4d8; --page-rule:#e2f0f6;
  --lid-a:#5f93b3; --lid-b:#3f7397; --base-a:#4f86a8; --base-b:#33698c; --in-a:#1c4560; --in-b:#2b5a78;
  --ribbon-a:#e6d3a8; --ribbon-b:#f3e6c8; --label-ink:#1c4560; --tab-ink:#3b2f17;
  --meadow-sky:#dcedf6; --meadow-grass:#8fbf8a;
}
:root[data-skin="forest"]{
  --sky1:#e1eadb; --sky2:#f0ede0; --accent:#3d6a44; --accent-ink:#ffffff; --accent-soft:#e1ecdf;
  --wall-a:#dbe9cf; --wall-b:#efe6cc; --wall-c:#d5e6da; --wall-1:#a3c690; --wall-2:#d3bd84; --wall-3:#86b394; --wall-4:#c8d9a4;
  --page-title:#a9bf9c; --page-rule:#e8efe2;
  --lid-a:#a0724a; --lid-b:#7d5434; --base-a:#8d603a; --base-b:#6b4528; --in-a:#45291b; --in-b:#5c3c27;
  --ribbon-a:#cbb57d; --ribbon-b:#e3d4a6; --label-ink:#3f2a1a; --tab-ink:#3f2a1a;
  --meadow-sky:#e6efdc; --meadow-grass:#7fae6b;
}
:root[data-skin="sunset"]{
  --sky1:#f6e2d1; --sky2:#f2dacd; --accent:#a94d27; --accent-ink:#ffffff; --accent-soft:#f6e3d8;
  --wall-a:#ffdcc0; --wall-b:#ffe9c2; --wall-c:#f9d0c4; --wall-1:#f7a979; --wall-2:#f2cd7c; --wall-3:#e8846f; --wall-4:#f8c49c;
  --page-title:#e6b59a; --page-rule:#f8ebe2;
  --lid-a:#dc8d61; --lid-b:#c06c42; --base-a:#c97850; --base-b:#a85a36; --in-a:#6a321e; --in-b:#86452a;
  --ribbon-a:#f2d39b; --ribbon-b:#f8e6c3; --label-ink:#6a321e; --tab-ink:#5a2c14;
  --meadow-sky:#fbe7d6; --meadow-grass:#9dbb74;
}
:root[data-skin="classic"]{
  --sky1:#ecebe6; --sky2:#e3e0d8; --accent:#3a4350; --accent-ink:#ffffff; --accent-soft:#e5e3dc;
  --wall-a:#e7e3da; --wall-b:#d9d4c8; --wall-c:#ece8df; --wall-1:#c9c2b2; --wall-2:#b4ad9e; --wall-3:#d8d0bd; --wall-4:#a9a294;
  --page-title:#bdb5a3; --page-rule:#ece8df;
  --lid-a:#3d4859; --lid-b:#2a3342; --base-a:#353f50; --base-b:#232b38; --in-a:#171c24; --in-b:#262e3a;
  --ribbon-a:#c4a462; --ribbon-b:#dcc48e; --label-ink:#2a3342; --tab-ink:#2a2416;
  --meadow-sky:#e9e6de; --meadow-grass:#8fa77e;
}
:root[data-skin="midnight"]{
  --sky1:#dce1ea; --sky2:#ccd4e1; --accent:#2b3d66; --accent-ink:#ffffff; --accent-soft:#dfe4ef;
  --wall-a:#c6d0e2; --wall-b:#b3bfd6; --wall-c:#d4dbe8; --wall-1:#8ea2c6; --wall-2:#6f82aa; --wall-3:#a9b7d0; --wall-4:#5f6f96;
  --page-title:#a5b1c8; --page-rule:#e6eaf2;
  --lid-a:#4b5363; --lid-b:#353b47; --base-a:#3f4553; --base-b:#2b3039; --in-a:#13161c; --in-b:#20242c;
  --ribbon-a:#b5bfcf; --ribbon-b:#d6dce6; --label-ink:#2b3039; --tab-ink:#1d2129;
  --meadow-sky:#dfe5ef; --meadow-grass:#7e9f86;
}

@media (prefers-color-scheme: dark){
  :root[data-skin="forgetmenot"]{ --sky1:#11151f; --sky2:#1b1f2c; --accent:#a9c2ee; --accent-ink:#0e1729; --accent-soft:#1f2a40; --meadow-sky:#1a2030; --meadow-grass:#3c5536; }
  :root, :root[data-skin="lavender"]{ --sky1:#11162a; --sky2:#2a2140; --accent:#bba5ee; --accent-ink:#1b1531; --accent-soft:#2f2a4a; --meadow-sky:#241f3a; --meadow-grass:#3f5a3a; }
  :root[data-skin="ocean"]{ --sky1:#0c1a24; --sky2:#132a33; --accent:#7cc6e0; --accent-ink:#06202b; --accent-soft:#16323e; --meadow-sky:#12262f; --meadow-grass:#2f5242; }
  :root[data-skin="forest"]{ --sky1:#121a12; --sky2:#232419; --accent:#9fcf98; --accent-ink:#0f1f10; --accent-soft:#223322; --meadow-sky:#1a2219; --meadow-grass:#34502c; }
  :root[data-skin="sunset"]{ --sky1:#1e1410; --sky2:#2c1a16; --accent:#f0a67f; --accent-ink:#2a120a; --accent-soft:#3a241b; --meadow-sky:#2a1c16; --meadow-grass:#475a2c; }
  :root[data-skin="classic"]{ --sky1:#16171a; --sky2:#212226; --accent:#d9c58f; --accent-ink:#1d1a10; --accent-soft:#2c2b27; --meadow-sky:#1f2023; --meadow-grass:#3c4a33; }
  :root[data-skin="midnight"]{ --sky1:#0b0e16; --sky2:#151b2a; --accent:#a9bce6; --accent-ink:#0e1528; --accent-soft:#1d2538; --meadow-sky:#131a28; --meadow-grass:#2d4436; }
}