/**
 * Valentine themes — the single definition of what each mood looks like.
 *
 * Loaded by BOTH the live page and the setup wizard's preview, on purpose. The
 * bug this replaces was exactly a drift of that kind: the wizard offered
 * romantic-rose / midnight-gold / blush-paper while the renderer only ever
 * recognised "midnight-magic", a name in no picker, so all three choices fell
 * through to one identical default and the setting felt inert.
 *
 * Keyed on [data-vn-theme] rather than a body class so the wizard can paint a
 * miniature of any theme on a page that is not itself that theme.
 *
 * Each theme must set EVERY token. A missing one silently inherits the base
 * block below, which is how a picker starts looking half-broken again.
 */

[data-vn-theme] {
  /* ink + ground, as RGB triplets because most uses carry an alpha */
  --vn-ink: #f6e9ee;
  --vn-ink-rgb: 246, 233, 238;
  --vn-ink-soft: #e7cfd8;
  --vn-ground: #1a1014;
  --vn-ground-rgb: 26, 16, 20;

  --vn-accent: #e9c3d2;
  --vn-accent-rgb: 233, 195, 210;
  --vn-accent-soft: #f0b9be;
  --vn-shadow-rgb: 142, 95, 116;

  /* the two ambient glows behind the stage */
  --vn-glow1-rgb: 184, 134, 155;
  --vn-glow2-rgb: 196, 167, 71;

  /* envelope: back panel, front panel, flap, wax seal, play button */
  --vn-env-a: #f1dee4;
  --vn-env-b: #dcc0cb;
  --vn-envf-a: #e4b7c7;
  --vn-envf-b: #b8869b;
  --vn-envf-c: #8e5f74;
  --vn-flap-a: #fffcfd;
  --vn-flap-b: #f6e9ee;
  --vn-seal-a: #c9718e;
  --vn-seal-b: #8e2e4c;
  --vn-seal-c: #6b1f38;
  --vn-play-bg: #fff3f7;

  /* the heart particles drawn on canvas read this */
  --vn-heart: #e9c3d2;

  /* the display face. A telegram must not be set in the same hand as a
     love letter, or the themes read as one design in three tints. */
  --vn-hand: "Playfair Display", Georgia, serif;
}

/* ---------------------------------------------------------------------------
 * Romantic Rose — the default. Warm plum ground, blush envelope, gold warmth.
 * ------------------------------------------------------------------------- */
[data-vn-theme="romantic-rose"] {
  --vn-heart: #e9c3d2;
  --vn-hand: "Playfair Display", Georgia, serif;
}

/* ---------------------------------------------------------------------------
 * Midnight Gold — cold navy night, gold leaf rather than blush. The envelope
 * becomes ivory paper against near-black so the seal reads as wax on a letter.
 * ------------------------------------------------------------------------- */
[data-vn-theme="midnight-gold"] {
  --vn-ink: #f4ecd8;
  --vn-ink-rgb: 244, 236, 216;
  --vn-ink-soft: #e2d3ad;
  --vn-ground: #0b1020;
  --vn-ground-rgb: 11, 16, 32;

  --vn-accent: #d9b45e;
  --vn-accent-rgb: 217, 180, 94;
  --vn-accent-soft: #e8cd8b;
  --vn-shadow-rgb: 58, 74, 120;

  --vn-glow1-rgb: 58, 82, 150;
  --vn-glow2-rgb: 217, 180, 94;

  --vn-env-a: #f6efdd;
  --vn-env-b: #ddcfae;
  --vn-envf-a: #efe2c0;
  --vn-envf-b: #c9ad6e;
  --vn-envf-c: #8a7038;
  --vn-flap-a: #fffdf5;
  --vn-flap-b: #f4ecd8;
  --vn-seal-a: #e0bd6a;
  --vn-seal-b: #9a7526;
  --vn-seal-c: #6d5015;
  --vn-play-bg: #fdf7e6;

  --vn-heart: #d9b45e;
  /* a dispatch is typed, not written */
  --vn-hand: "Inter", system-ui, sans-serif;
}

/* ---------------------------------------------------------------------------
 * Blush Paper — the light one. A letter on warm paper rather than a night sky,
 * so the difference from the other two is obvious at a glance. Ink and ground
 * swap roles, which is why every token has to be restated.
 * ------------------------------------------------------------------------- */
[data-vn-theme="blush-paper"] {
  --vn-ink: #4a2b34;
  --vn-ink-rgb: 74, 43, 52;
  --vn-ink-soft: #6d4450;
  --vn-ground: #fbf3ee;
  --vn-ground-rgb: 251, 243, 238;

  --vn-accent: #b4566f;
  --vn-accent-rgb: 180, 86, 111;
  --vn-accent-soft: #97405a;
  --vn-shadow-rgb: 196, 160, 168;

  --vn-glow1-rgb: 236, 197, 205;
  --vn-glow2-rgb: 226, 205, 160;

  --vn-env-a: #ffffff;
  --vn-env-b: #f0dfe2;
  --vn-envf-a: #fdf1f2;
  --vn-envf-b: #e7c3cb;
  --vn-envf-c: #c99aa6;
  --vn-flap-a: #ffffff;
  --vn-flap-b: #f7e9ea;
  --vn-seal-a: #d4788f;
  --vn-seal-b: #a83f5c;
  --vn-seal-c: #7d2b42;
  --vn-play-bg: #ffffff;

  --vn-heart: #b4566f;
  /* a note slipped to you is handwritten */
  --vn-hand: "Caveat", "Bradley Hand", cursive;
}

/* The dim rules, hairlines and shadows below were tuned against a dark ground.
 * On paper they have to darken rather than lighten, or they vanish. */
[data-vn-theme="blush-paper"] .vn-wave i {
  background: rgba(var(--vn-ink-rgb), 0.24);
}

[data-vn-theme="blush-paper"] .vn-env {
  box-shadow: 0 18px 44px rgba(var(--vn-shadow-rgb), 0.55);
}

[data-vn-theme="blush-paper"] .vn-play {
  box-shadow: 0 10px 30px rgba(var(--vn-shadow-rgb), 0.55);
}
