/* Blossom — round, pastel, playful. */

body[data-theme="blossom"] {
  --font-display: "Comfortaa", "Quicksand", "Varela Round", ui-rounded, system-ui, sans-serif;
  --font-body: "Quicksand", "Varela Round", ui-rounded, system-ui, sans-serif;
  --font-tile-num: var(--font-display);

  --bg: #fdf2f6;
  --panel: #ffffff;
  --ink: #5b4a55;
  --ink-soft: #8a7383;
  --ink-faint: #b39fab;

  --accent: #f4a7c3;
  --accent-deep: #d16a96;
  --accent-ink: #4d2438;
  --mahj-bg: #b48ae0;
  --mahj-ink: #ffffff;

  /* A garden pond: soft ripple rings with drifting petal blooms. */
  --felt: radial-gradient(circle at 22% 28%, rgba(255, 255, 255, .4) 0 34px, transparent 35px),
          radial-gradient(circle at 78% 70%, rgba(248, 186, 210, .45) 0 30px, transparent 31px),
          radial-gradient(circle at 64% 18%, rgba(248, 186, 210, .3) 0 20px, transparent 21px),
          radial-gradient(circle at 12% 78%, rgba(255, 236, 179, .4) 0 24px, transparent 25px),
          repeating-radial-gradient(circle at 50% 60%, #d3ecdd 0 30px, #c6e5d3 30px 60px);
  --felt-ink: #4f6f5c;
  --felt-shadow: inset 0 0 0 6px rgba(255, 255, 255, .45), inset 0 2px 18px rgba(90, 140, 110, .3);

  --chip-bg: #fde3ec;
  --chip-ink: #c05580;
  --east-bg: #ffe3a3;
  --east-ink: #8a6210;

  --tile-bg: linear-gradient(170deg, #ffffff, #fff4f8);
  --tile-border: 1.5px solid #f6d6e2;
  --tile-shadow: 0 3px 8px rgba(200, 130, 165, .25);
  --tile-back: linear-gradient(160deg, #f4a7c3, #e88ab0);
  --tile-back-border: 1.5px solid #db7fa5;
  --tile-num: #d16a96;
  --tile-sub: #c39cae;
  --tile-joker-bg: linear-gradient(170deg, #f3e8ff, #e6d4fb);
  --tile-flower-bg: linear-gradient(170deg, #fff8e8, #ffeecc);
  --exposure-bg: rgba(244, 167, 195, .18);

  --radius-panel: 26px;
  --radius-btn: 999px;
  --radius-tile: 12px;
  --btn-bg: #fde3ec;
  --btn-ink: #a34d74;
  --btn-border: 1.5px solid #f6c6d9;
  --input-border: 1.5px solid #f0d3de;
  --shadow: 0 4px 18px rgba(210, 140, 175, .18);
  --shadow-hover: 0 6px 16px rgba(210, 140, 175, .35);

  --anim-tile-in: .35s;
  --anim-tile-in-dy: 18px;

  /* card suit-relationship colors */
  --cs-a: #4a7fc9;
  --cs-b: #d1608c;
  --cs-c: #4d9e6a;
  --cs-f: #d99a2b;
}

body[data-theme="blossom"] .tile.anim-in:not(.back):not(.small) { animation: tile-in .35s ease-out, blossom-settle .5s ease-out; }
@keyframes blossom-settle { 60% { transform: translateY(-3px); } }

body[data-theme="blossom"] .seat-label.active-turn { animation: blossom-glow 1.8s ease-in-out infinite; }
@keyframes blossom-glow {
  50% { box-shadow: 0 0 14px 3px rgba(244, 167, 195, .8); }
}