/* Skin ĐÊM SAO — xanh đêm + ánh vàng, bầu trời sao, khung ảnh tròn phát sáng */
.sk-body-demsao {
	--sk-page: #070b1c;
	--sk-bg: #0d1530;
	--sk-surface: rgba(255, 255, 255, .05);
	--sk-alt: #111a3a;
	--sk-ink: #efe6d2;
	--sk-muted: #a9b0cf;
	--sk-accent: #e5c77f;
	--sk-accent-2: #d8b56a;
	--sk-on-accent: #0d1530;
	--sk-line: rgba(229, 199, 127, .28);
	--sk-hero-bg: radial-gradient(circle at 70% 22%, #2d3d80, #0d1530 70%);
	--sk-hero-ink: #f3dfaa;
	--sk-radius: 16px;
	--f-body: 'Cormorant Garamond', Georgia, serif;
	--f-head: 'Cormorant Garamond', Georgia, serif;
	--f-name: 'Pinyon Script', cursive;
	--env-a: #17224a;
	--env-b: #e5c77f;
	--env-paper: #121b3d;
	--env-ink: #f3dfaa;
}

/* Bầu trời sao lấp lánh phủ toàn thiệp */
.sk-body-demsao .sk { font-size: 17px; background-image:
	radial-gradient(1.5px 1.5px at 20px 30px, rgba(255, 255, 255, .8), transparent),
	radial-gradient(1px 1px at 120px 80px, rgba(243, 223, 170, .9), transparent),
	radial-gradient(1.5px 1.5px at 200px 160px, rgba(255, 255, 255, .6), transparent),
	radial-gradient(1px 1px at 300px 40px, rgba(255, 255, 255, .7), transparent),
	radial-gradient(1px 1px at 420px 120px, rgba(243, 223, 170, .8), transparent);
	background-size: 480px 220px; }
.sk-body-demsao .sk-section:nth-of-type(even) { background: rgba(17, 26, 58, .75); }
.sk-body-demsao .sk-hero { background: var(--sk-hero-bg); }
.sk-body-demsao .sk-hero .sk-orn { width: 40px; animation: sk-twinkle 2.4s ease-in-out infinite; }
.sk-body-demsao .sk-hero-photo { border: 2px solid var(--sk-accent); box-shadow: 0 0 0 10px rgba(229, 199, 127, .08), 0 0 60px rgba(229, 199, 127, .35); }
.sk-body-demsao .sk-names { color: #f3dfaa; text-shadow: 0 0 18px rgba(243, 223, 170, .35); }
.sk-body-demsao .sk-guest, .sk-body-demsao .sk-title, .sk-body-demsao .sk-couple-names .sk-script { text-shadow: 0 0 14px rgba(229, 199, 127, .3); }
.sk-body-demsao .sk-calendar .is-wedding-day svg { filter: drop-shadow(0 0 6px rgba(229, 199, 127, .7)); }
.sk-body-demsao .sk-thanks { background: #0d1530; }

@keyframes sk-twinkle { 0%, 100% { opacity: 1; transform: scale(1) rotate(0); } 50% { opacity: .55; transform: scale(.85) rotate(20deg); } }
@media (prefers-reduced-motion: reduce) { .sk-body-demsao .sk-hero .sk-orn { animation: none; } }