/* Casttit's light look for every page (founder, 15 Oct 2026: "I love the theme"): paper and ink, Signal orange, Sora +
   Manrope, a pill menu in the middle. On top of site.css (fonts, buttons, form and table shapes) and pages.css (content
   pages, footer); the home page adds home2.css. */

body.lux {
  --ink: #0E1014; --paper: #F6F5F2; --white: #FFFFFF; --raise: #EFEDE8;
  --text: #16181D; --muted: #4E535D; --subtle: #6B707A; --line: #E2DFD8; --line-2: #CFCBC2;
  --panel: #FFFFFF; --panel-2: #EFEDE8; --signal-2: #E5491D; --signal-soft: rgba(255, 91, 46, .12);
  color-scheme: light;
  background: var(--paper); color: var(--text);
}
body.lux .prose, body.lux .doc p, body.lux .doc li { color: var(--muted); }
.wrap2 { max-width: 1240px; margin: 0 auto; padding-inline: clamp(20px, 4vw, 48px); }
body.lux .kicker { color: var(--signal); }
.btn-quiet { background: var(--white); color: var(--text); border: 1px solid var(--line-2); }
.btn-quiet:hover { border-color: var(--text); }

/* nav: logo left, pill in the middle, one button right */
.nav2 { position: fixed; inset: 0 0 auto 0; z-index: 20; display: flex; align-items: center; justify-content: space-between;
        gap: 18px; height: 76px; padding-inline: clamp(16px, 3vw, 36px); transition: background .25s, box-shadow .25s; }
.nav2.solid { background: rgba(246, 245, 242, .88); backdrop-filter: blur(14px); box-shadow: 0 1px 0 var(--line); }
.nav2 .brand { color: var(--text); }
.nav2 .pill { display: flex; gap: 4px; padding: 5px; background: rgba(255, 255, 255, .78); border: 1px solid var(--line);
              border-radius: 999px; backdrop-filter: blur(10px); }
.nav2 .pill a { padding: 8px 16px; border-radius: 999px; color: var(--muted); text-decoration: none; font-weight: 700; font-size: 14.5px; }
.nav2 .pill a:hover { background: var(--raise); color: var(--text); }
.nav2 .btn { height: 44px; padding: 0 20px; font-size: 15px; border-radius: 999px; }

body.lux .site-footer { background: var(--white); }

/* the pill menu, fixed: content starts below it */
body.lux .page { padding-top: 116px; }
body.lux .crumbs a { color: var(--muted); }
/* phones: a Menu button instead of the pill */
.mnav { display: none; position: relative; }
.mnav summary { list-style: none; cursor: pointer; padding: 10px 16px; border-radius: 999px; background: var(--white);
                border: 1px solid var(--line); font-weight: 800; font-size: 14.5px; }
.mnav summary::-webkit-details-marker { display: none; }
.mnav summary::after { content: none; }
.mnav nav { position: absolute; right: 0; top: calc(100% + 8px); display: grid; min-width: 220px; padding: 8px;
            background: var(--white); border: 1px solid var(--line); border-radius: 18px; box-shadow: 0 24px 48px -24px rgba(14, 16, 20, .35); }
.mnav nav a { padding: 12px 14px; border-radius: 12px; color: var(--text); text-decoration: none; font-weight: 700; }
.mnav nav a:hover { background: var(--raise); }
body.lux .mnav { background: none; border: 0; padding: 0; }
@media (max-width: 1000px) {
  .nav2 .pill { display: none; }
  .mnav { display: block; margin-left: auto; }
}
@media (max-width: 520px) { .nav2 > .btn { display: none; } }

/* colours that site.css and pages.css wrote for the dark look */
body.lux .prose, body.lux .prose p, body.lux .prose li, body.lux .faq-block details p { color: var(--muted); }
body.lux .lead, body.lux .cta-box { color: var(--text); }
body.lux .prose a { color: var(--signal-2); }
body.lux .prose a:hover { color: var(--text); }
body.lux .card-link { background: var(--white); }
body.lux .cta-box { background: #FFF1EB; border-color: rgba(255, 91, 46, .3); }
body.lux label, body.lux legend { color: var(--text); }
body.lux .perks { color: var(--muted); }
body.lux input[type="text"], body.lux input[type="email"], body.lux select, body.lux textarea {
  background: var(--white); color: var(--text); border-color: var(--line-2); }
body.lux .status.err { color: #C4321A; }
body.lux .status.ok, body.lux .done .tick { color: #14683D; }
body.lux details { background: var(--white); }
body.lux .tbl { background: var(--white); }
body.lux .tbl th { color: var(--text); }
body.lux .tbl td { color: var(--muted); }
body.lux .mail { color: var(--text); }

/* hand-made pages under the fixed menu */
body.lux .dl { padding-top: 120px; }
body.lux .access { background: var(--white); }
body.lux .access .wrap { align-items: start; }
body.lux .lede { color: var(--muted); }
body.lux .dl .kicker { display: block; line-height: 1.6; margin-bottom: 10px; }
body.lux .invite-status.ok { color: #14683D; }
body.lux .invite-status.bad { color: #C4321A; }
@media (max-width: 520px) { body.lux .kicker { letter-spacing: 2px; } }
/* "Made with ♥ in India": the heart stands in for the word (founder, 17 Oct); screen readers still hear "love" */
body.lux .made, body.lux .made2 { gap: .32em; }
.kicker .heart { display: inline-block; width: 1.05em; height: 1em; vertical-align: -.16em; margin: 0 .1em; }

body.lux .footer-base .legal { line-height: 1.7; }