/* The free looks (src/looks.ts): the original Homlystay page in other colours, fonts and shapes. Kayal is the original and
   needs nothing here. Booking and bill pages (.pg-func) never turn dark. */

/* Monsoon: rain-forest green and brass, soft rounded corners */
.st-monsoon { --ink: #1f2a22; --muted: #5a685d; --deep: #1e4a35; --lagoon: #2e6b4f; --sand: #eaf0e6; --paper: #f8faf5; --line: #d5e0cf;
  --accent: #8a5f14; --accent-ink: #fff; --radius: 20px; --serif: "Lora", Georgia, serif; }
.st-monsoon .btn { border-radius: 14px; }
.st-monsoon .top { background: rgba(248,250,245,.95); }
.st-monsoon .hero::after { background: linear-gradient(180deg, rgba(10,40,25,.1) 30%, rgba(10,40,25,.72)); }
.st-monsoon .foot { background: #173a2a; }

/* Sunset: terracotta and dusk plum */
.st-sunset { --ink: #2b1d1d; --muted: #6e5a58; --deep: #5b2333; --lagoon: #8a3b2c; --sand: #f8ece4; --paper: #fffaf6; --line: #ecd9cc;
  --accent: #c0492a; --accent-ink: #fff; --radius: 12px; --serif: "Fraunces", Georgia, serif; }
.st-sunset .top { background: rgba(255,250,246,.95); }
.st-sunset .hero::after { background: linear-gradient(180deg, rgba(60,15,30,.1) 30%, rgba(60,15,30,.72)); }
.st-sunset h2 { font-weight: 600; }
.st-sunset .foot { background: linear-gradient(135deg, #5b2333, #8a3b2c); }

/* Kasavu: off-white with fine gold lines, like a Kerala kasavu saree */
.st-kasavu { --ink: #2a2418; --muted: #6b6250; --deep: #3e3214; --lagoon: #7a5a12; --sand: #f4eedb; --paper: #fbf8ef; --line: #e6d8ad;
  --accent: #b48a1e; --accent-ink: #1d1604; --radius: 4px; --serif: "Cormorant Garamond", Georgia, serif; }
.st-kasavu h1, .st-kasavu h2, .st-kasavu h3 { font-weight: 600; }
.st-kasavu h2 { font-size: clamp(1.8rem, 4.6vw, 2.5rem); }
.st-kasavu section > h2::after { content: ""; display: block; width: 64px; height: 3px; margin-top: 10px; background: linear-gradient(90deg, #b48a1e, #e9d38a, #b48a1e); }
.st-kasavu .top { background: rgba(251,248,239,.96); border-bottom: 2px solid #d9bd62; }
.st-kasavu .btn { border-radius: 4px; }
.st-kasavu .search, .st-kasavu .guest { border: 1px solid #e6d8ad; box-shadow: 0 0 0 4px #fbf8ef, 0 0 0 5px #d9bd62; }
.st-kasavu .room, .st-kasavu .exp { border-color: #e6d8ad; }
.st-kasavu .foot { background: #2e2610; border-top: 4px double #d9bd62; }

/* Lotus: lotus pink with deep leaf green */
.st-lotus { --ink: #22281f; --muted: #5d6658; --deep: #2f4a2c; --lagoon: #3f6b3a; --sand: #fbeef3; --paper: #fffbfc; --line: #f0d5df;
  --accent: #b8406f; --accent-ink: #fff; --radius: 18px; --serif: "Playfair Display", Georgia, serif; }
.st-lotus .top { background: rgba(255,251,252,.95); }
.st-lotus .chips li { background: #fbe3ec; }
.st-lotus .foot { background: #2f4a2c; }

/* Night: dark pages with warm lamp-gold; photos glow */
.st-night:not(.pg-func) { --ink: #ebe5d8; --muted: #a9a397; --deep: #f1dfb4; --lagoon: #e0b65c; --sand: #1a1e22; --paper: #121518; --line: #2c3238;
  --accent: #e0a83a; --accent-ink: #1a1406; --radius: 14px; --card: #181c20; --field: #0f1215; --ok: #7cc39b; color-scheme: dark; }
.st-night { --serif: "DM Serif Display", Georgia, serif; }
.st-night:not(.pg-func) .top { background: rgba(18,21,24,.94); }
.st-night:not(.pg-func) .search, .st-night:not(.pg-func) .guest, .st-night:not(.pg-func) .result, .st-night:not(.pg-func) .room, .st-night:not(.pg-func) .exp,
.st-night:not(.pg-func) .cal, .st-night:not(.pg-func) .price-box, .st-night:not(.pg-func) .ay-prog, .st-night:not(.pg-func) .ay-doc { background: var(--card); border-color: var(--line); }
.st-night:not(.pg-func) input, .st-night:not(.pg-func) select, .st-night:not(.pg-func) textarea, .st-night:not(.pg-func) .datebox, .st-night:not(.pg-func) .cal-nav { background: var(--field); color: var(--ink); border-color: #3a4148; }
.st-night:not(.pg-func) .cal-day { color: var(--ink); }
.st-night:not(.pg-func) .cal-day.mid { background: rgba(255,255,255,.08); }
.st-night:not(.pg-func) .chips li, .st-night:not(.pg-func) .chosen { background: rgba(255,255,255,.07); }
.st-night:not(.pg-func) .btn.ghost.dark { color: var(--deep); border-color: var(--deep); }
.st-night:not(.pg-func) #location { background: #171b1f; }
.st-night:not(.pg-func) .foot { background: #0b0d0f; }
.st-night:not(.pg-func) .map { filter: grayscale(.5) brightness(.85); }
.st-night:not(.pg-func) .draft { background: #3b3214; color: #f3e6b0; border-color: #5c4d1a; }