/* The three looks shared by the catalogue and the "follow the closing" page (index.html keeps its own copy inline). */
:root, [data-theme="vintage"] {
  color-scheme: light;
  --bg: #F6EFDF; --bg-img: radial-gradient(rgba(111, 141, 181, .09) 1.3px, transparent 1.5px), radial-gradient(rgba(111, 141, 181, .09) 1.3px, transparent 1.5px);
  --bg-size: 12px 10px, 12px 10px; --bg-pos: 0 0, 6px 5px;
  --card: #FFFBF2; --card-done: #F8F2E4; --text: #2F2822; --muted: #6A5C4F;
  --bd: #B9A88F; --bw: 1.5px; --r: 16px; --r-s: 10px;
  --sh: 0 3px 0 #E6D8BC; --sh-s: 0 2px 0 #E6D8BC;
  --font-d: 'Chonburi', 'Pridi', Georgia, serif; --font-b: 'Pridi', Georgia, serif; --w-d: 400;
  --primary: #6F8DB5; --primary-h: #5F7DA5; --on-primary: #FFFBF2;
  --price: #C25A4C; --open-price: #6B7B3E;
  --badge-bg: #EFD08E; --badge-fg: #3A322B; --label-bg: #C25A4C; --label-fg: #FFFBF2;
  --hot-bg: #C25A4C; --hot-fg: #FFFBF2; --closing: #C25A4C;
  --stitch: rgba(194, 90, 76, .32);
  --calm-bg: #EEF0DF; --fight-bg: #F8E1D9; --fight-fg: #A9483B; --pause-bg: #F6EBC9;
  --chip-bg: #6F8DB5; --chip-fg: #FFFBF2; --on-bg: #3A322B; --on-fg: #FFFBF2;
  --st-closing: #E58A3A; --st-closed: #C8463D; --dock-bg: #6F8DB5; --dock-fg: #FFFBF2; --dock-btn: #EFD08E; --dock-btn-fg: #3A322B;
  --ribbon-bg: #F6EBC9;
}
[data-theme="cartoon"] {
  --bg: #FFF8EC; --bg-img: radial-gradient(#F6E2C2 1.6px, transparent 1.6px); --bg-size: 22px 22px; --bg-pos: 0 0;
  --card: #FFFFFF; --card-done: #FBF7F1; --text: #3B2F27; --muted: #8A7B6E;
  --bd: #6B5A4C; --bw: 2.5px; --r: 20px; --r-s: 14px;
  --sh: 4px 4px 0 #EBD3B0; --sh-s: 3px 3px 0 #EBD3B0;
  --font-d: 'Mali', system-ui, sans-serif; --font-b: 'Mali', system-ui, sans-serif; --w-d: 700;
  --primary: #5AA9E6; --primary-h: #4A99D6; --on-primary: #FFFFFF;
  --price: #E8664A; --open-price: #2FA866;
  --badge-bg: #FFD866; --badge-fg: #3B2F27; --label-bg: #FF8A6B; --label-fg: #FFFFFF;
  --hot-bg: #FF8A6B; --hot-fg: #FFFFFF; --closing: #FF8A6B;
  --stitch: transparent;
  --calm-bg: #E6F6EC; --fight-bg: #FFE4DB; --fight-fg: #D9533A; --pause-bg: #FFF2C7;
  --chip-bg: #FFD866; --chip-fg: #3B2F27; --on-bg: #3B2F27; --on-fg: #FFFFFF;
  --st-closing: #FF9F43; --st-closed: #F25C54; --dock-bg: #5AA9E6; --dock-fg: #FFFFFF; --dock-btn: #FFD866; --dock-btn-fg: #3B2F27;
  --ribbon-bg: #E7F3FC;
}
[data-theme="facebook"] {
  --bg: #F0F2F5; --bg-img: none; --bg-size: auto; --bg-pos: 0 0;
  --card: #FFFFFF; --card-done: #FFFFFF; --text: #050505; --muted: #65676B;
  --bd: transparent; --bw: 0px; --r: 10px; --r-s: 8px;
  --sh: 0 1px 2px rgba(0, 0, 0, .18); --sh-s: none;
  --font-d: 'Noto Sans Thai', 'Segoe UI', Helvetica, Arial, sans-serif; --font-b: 'Noto Sans Thai', 'Segoe UI', Helvetica, Arial, sans-serif; --w-d: 700;
  --primary: #1877F2; --primary-h: #166FE5; --on-primary: #FFFFFF;
  --price: #050505; --open-price: #1877F2;
  --badge-bg: rgba(0, 0, 0, .55); --badge-fg: #FFFFFF; --label-bg: #E41E3F; --label-fg: #FFFFFF;
  --hot-bg: #FFF0F2; --hot-fg: #E41E3F; --closing: #1877F2;
  --stitch: transparent;
  --calm-bg: #F0F2F5; --fight-bg: #FFEBEE; --fight-fg: #C8102E; --pause-bg: #FFF5D6;
  --chip-bg: #E7F3FF; --chip-fg: #1877F2; --on-bg: #E7F3FF; --on-fg: #1877F2;
  --st-closing: #F7931E; --st-closed: #E41E3F; --dock-bg: #FFFFFF; --dock-fg: #050505; --dock-btn: #1877F2; --dock-btn-fg: #FFFFFF;
  --ribbon-bg: #E7F3FF;
}