/* Alternative looks. After Dark is the app's automatic dark mode (set by the
 * script in index.html when the device prefers dark). The others are design
 * proposals, applied only with ?theme=<name> (see proposals/index.html). */

/* ═══ 1. After Dark — dark mode: neon on deep plum, built for a dim bar ═══ */

:root[data-theme="after-dark"] {
  color-scheme: dark;
  --bg: #160A13;
  --surface: #21111D;
  --ink: #FBEFF4;
  --ink-2: #DCC5D2;
  --ink-3: #A88B9C;
  --line: #36202F;
  --line-2: #4E3044;
  --pink: #FF4F8B;
  --pink-strong: #E3306C;
  --pink-ink: #FF8FB5;
  --blush: #3A1A2D;
  --blush-2: #5C2746;
  --lav: #261D3B;
  --lav-2: #3C2F5E;
  --lav-ink: #C6B5F7;
  --peach: #36210F;
  --peach-2: #5E3A1E;
  --peach-ink: #FFB98A;
  --sage: #15301B;
  --sage-ink: #A2E3A9;
  --amber: #33260C;
  --amber-ink: #FFD27A;
  --shadow: 0 1px 0 rgba(255, 255, 255, .03) inset, 0 10px 30px rgba(0, 0, 0, .35);
  --shadow-lg: 0 0 0 1px rgba(255, 79, 139, .25), 0 24px 60px rgba(0, 0, 0, .55);
  --focus: 0 0 0 3px var(--bg), 0 0 0 5.5px var(--pink);
}
[data-theme="after-dark"] body {
  background:
    radial-gradient(900px 500px at 85% -10%, rgba(255, 79, 139, .14), transparent 60%),
    radial-gradient(700px 500px at -10% 110%, rgba(150, 110, 255, .12), transparent 60%),
    var(--bg) fixed;
}
[data-theme="after-dark"] .brand img,
[data-theme="after-dark"] .study__logo,
[data-theme="after-dark"] .about__logo { filter: drop-shadow(0 0 10px rgba(255, 79, 139, .6)); }
[data-theme="after-dark"] .sidebar { background: rgba(26, 12, 22, .85); }
[data-theme="after-dark"] .nav__link[aria-current="page"] { box-shadow: inset 3px 0 0 var(--pink), 0 0 18px rgba(255, 79, 139, .18); }
[data-theme="after-dark"] .btn--primary { box-shadow: 0 0 22px rgba(255, 79, 139, .45); }
[data-theme="after-dark"] .chip[aria-pressed="true"] { background: var(--pink-strong); border-color: var(--pink-strong); color: #fff; box-shadow: 0 0 16px rgba(255, 79, 139, .35); }
[data-theme="after-dark"] .drink-card__art { background: radial-gradient(circle at 50% 62%, var(--tone) 0%, transparent 70%); }
[data-theme="after-dark"] .drink-card:hover { border-color: var(--pink); box-shadow: 0 0 0 1px var(--pink), 0 0 28px rgba(255, 79, 139, .25); }
[data-theme="after-dark"] .qs:hover { border-color: var(--pink); box-shadow: 0 0 0 1px var(--pink), 0 0 28px rgba(255, 79, 139, .25); }
[data-theme="after-dark"] .qs__amt { color: var(--pink-ink); }
[data-theme="after-dark"] .viewswitch__btn[aria-pressed="true"] { background: var(--pink-strong); color: #fff; }
[data-theme="after-dark"] .wf-toggle[aria-pressed="true"] { border-color: var(--pink); box-shadow: 0 0 14px rgba(255, 79, 139, .25); }
[data-theme="after-dark"] .fc--front { background: linear-gradient(135deg, var(--tone) 0%, var(--surface) 60%); }
[data-theme="after-dark"] .ing-amt { color: var(--pink-ink); text-shadow: 0 0 12px rgba(255, 79, 139, .45); }
[data-theme="after-dark"] .ing-amt--measure { color: var(--pink-ink); text-shadow: none; }
[data-theme="after-dark"] .steps li::before { background: var(--pink-strong); color: #fff; }
[data-theme="after-dark"] .garnish li { border-color: #2C5634; }
[data-theme="after-dark"] .terms { background: #0D050B; box-shadow: inset 0 0 0 1px var(--line-2); }
[data-theme="after-dark"] .term dt { color: var(--pink); text-shadow: 0 0 10px rgba(255, 79, 139, .5); }
[data-theme="after-dark"] .status--new { background: #2E1C29; }
[data-theme="after-dark"] .tally--again,
[data-theme="after-dark"] .btn--again { background: #3A1517; color: #FFA79F; border-color: #5A2427; }
[data-theme="after-dark"] .btn--again:hover { background: #4A1B1E; }
[data-theme="after-dark"] .btn--getting { border-color: #5C4515; }
[data-theme="after-dark"] .btn--getting:hover { background: #42320F; }
[data-theme="after-dark"] .btn--gotit { border-color: #2C5634; }
[data-theme="after-dark"] .btn--gotit:hover { background: #1C3D22; }
[data-theme="after-dark"] .btn--danger { background: #D23A31; }
[data-theme="after-dark"] .btn--ghost kbd,
[data-theme="after-dark"] .btn--rate kbd { background: rgba(255, 255, 255, .06); border-color: currentColor; color: inherit; }
[data-theme="after-dark"] .modal::backdrop { background: rgba(5, 0, 4, .7); }
[data-theme="after-dark"] .save-status__dot { box-shadow: 0 0 8px #5FA567; }
[data-theme="after-dark"] .pb-dot { border-color: var(--surface); }
[data-theme="after-dark"] .pb-dot--black { background: #000; box-shadow: 0 0 0 1px #6B5563; }

/* ═══ 2. Paper Menu — a printed cocktail list, serif and ruled ═══════════ */

:root[data-theme="paper-menu"] {
  --bg: #F5EEE3;
  --surface: #FFFBF3;
  --ink: #2A1220;
  --ink-2: #57404D;
  --ink-3: #85707A;
  --line: #E4D7C5;
  --line-2: #CBB8A1;
  --pink-strong: #B3305B;
  --pink-ink: #962448;
  --blush: #F5E0DF;
  --blush-2: #E8C3C4;
  --lav: #EAE4EC;
  --lav-2: #D4C8DA;
  --peach: #F5E2CC;
  --peach-2: #E4C29E;
  --font-head: 'Fraunces', Georgia, serif;
  --font-body: 'DM Sans', system-ui, sans-serif;
  --radius: 4px;
  --radius-sm: 3px;
  --shadow: none;
  --shadow-lg: 0 18px 50px rgba(42, 18, 32, .18);
}
[data-theme="paper-menu"] body {
  background-image: radial-gradient(rgba(42, 18, 32, .035) 1px, transparent 1px);
  background-size: 4px 4px;
}
[data-theme="paper-menu"] h1, [data-theme="paper-menu"] h2, [data-theme="paper-menu"] h3 { letter-spacing: 0; }
[data-theme="paper-menu"] .page-head h1 { font-weight: 600; font-style: italic; }
[data-theme="paper-menu"] .sidebar { border-right: 3px double var(--line-2); }
[data-theme="paper-menu"] .nav__link { border-radius: 2px; }
[data-theme="paper-menu"] .nav__link[aria-current="page"] { background: none; box-shadow: none; text-decoration: underline; text-decoration-thickness: 2px; text-underline-offset: 6px; text-decoration-color: var(--pink); }
[data-theme="paper-menu"] .btn, [data-theme="paper-menu"] .chip, [data-theme="paper-menu"] .seg,
[data-theme="paper-menu"] .segmented, [data-theme="paper-menu"] .search input, [data-theme="paper-menu"] .details-btn { border-radius: 3px; }
[data-theme="paper-menu"] .search input:focus-visible { border-radius: 3px; }
[data-theme="paper-menu"] .chip, [data-theme="paper-menu"] .seg, [data-theme="paper-menu"] .btn--sm,
[data-theme="paper-menu"] .sidebar__label, [data-theme="paper-menu"] .rsec__label {
  text-transform: uppercase; letter-spacing: .1em; font-size: .74rem;
}
[data-theme="paper-menu"] .chip__count { background: none; border-left: 1px solid currentColor; border-radius: 0; opacity: .8; }
[data-theme="paper-menu"] .drink-card { outline: 1px solid var(--line-2); outline-offset: -7px; border-color: var(--line-2); }
[data-theme="paper-menu"] .drink-card:hover { transform: none; box-shadow: var(--shadow-lg); }
[data-theme="paper-menu"] .drink-card__art { background: none; border-bottom: 1px solid var(--line); margin: 7px 7px 0; }
[data-theme="paper-menu"] .drink-card__name { font-weight: 600; font-size: 1.35rem; }
[data-theme="paper-menu"] .drink-card__foot { border-top-style: solid; }
[data-theme="paper-menu"] .badge, [data-theme="paper-menu"] .status { border-radius: 2px; }
[data-theme="paper-menu"] .num { font-family: var(--font-head); font-style: italic; letter-spacing: 0; font-size: .9rem; }
[data-theme="paper-menu"] .illo circle { fill: none; stroke: var(--line-2); stroke-dasharray: 2 4; }
[data-theme="paper-menu"] .rsec__label { display: flex; align-items: center; gap: 10px; color: var(--pink-ink); }
[data-theme="paper-menu"] .rsec__label::after { content: ''; flex: 1; border-top: 1px solid var(--line-2); }
[data-theme="paper-menu"] .ing-list li { border-bottom: 1px dotted var(--line-2); }
[data-theme="paper-menu"] .ing-amt b { font-weight: 600; }
[data-theme="paper-menu"] .steps li::before { background: none; color: var(--pink-ink); border: 1px solid currentColor; font-family: var(--font-head); font-style: italic; }
[data-theme="paper-menu"] .garnish li { border-radius: 2px; background: none; border: 1px solid var(--sage-ink); }
[data-theme="paper-menu"] .fc { border-radius: 4px; outline: 1px solid var(--line-2); outline-offset: -8px; }
[data-theme="paper-menu"] .fc--front { background: var(--surface); text-align: center; grid-template-columns: 1fr; justify-items: center; }
[data-theme="paper-menu"] .fc--front .fc__top, [data-theme="paper-menu"] .fc__labels { justify-content: center; }
[data-theme="paper-menu"] .fc--front .fc__art .illo { max-width: 150px; }
[data-theme="paper-menu"] .fc__q { margin: 0 auto; font-style: italic; font-weight: 500; }
[data-theme="paper-menu"] .fc__remind { justify-content: center; }
[data-theme="paper-menu"] .fc__labels li { border-radius: 2px; border-style: solid; border-color: var(--line-2); }
[data-theme="paper-menu"] .fc__backhead { background: none; text-align: center; border-bottom: 3px double var(--line-2); }
[data-theme="paper-menu"] .fc__backhead .fc__top { justify-content: center; }
[data-theme="paper-menu"] .fc__topic { margin-left: 0; }
[data-theme="paper-menu"] .btn--rate { border-radius: 3px; }
[data-theme="paper-menu"] .modal { border-radius: 4px; }
[data-theme="paper-menu"] .modal__head--house, [data-theme="paper-menu"] .modal__head--classics,
[data-theme="paper-menu"] .modal__head--halloween { background: none; border-bottom: 3px double var(--line-2); }
[data-theme="paper-menu"] .terms { background: var(--surface); color: var(--ink); border: 1px solid var(--line-2); outline: 1px solid var(--line-2); outline-offset: -7px; }
[data-theme="paper-menu"] .term { border-top: 1px dotted var(--line-2); }
[data-theme="paper-menu"] .term dt { color: var(--pink-ink); font-style: italic; }
[data-theme="paper-menu"] .term dd { color: var(--ink-2); }
[data-theme="paper-menu"] .stat__value b { font-weight: 600; }

/* ═══ 3. Candy Pop — chunky outlines, hard shadows, loud colour ═══════════ */

:root[data-theme="candy-pop"] {
  --bg: #FFF1F5;
  --surface: #FFFFFF;
  --ink: #1E0B18;
  --ink-2: #4A2A3E;
  --ink-3: #6E5065;
  --line: #1E0B18;
  --line-2: #1E0B18;
  --pink: #FF3D7F;
  --pink-strong: #E0156A;
  --pink-ink: #B0004F;
  --blush: #FFC6DA;
  --blush-2: #FF9EC0;
  --lav: #D7C9FF;
  --lav-2: #B9A4FF;
  --lav-ink: #4A2BA8;
  --peach: #FFD0A6;
  --peach-2: #FFB073;
  --peach-ink: #8A3600;
  --sage: #BFF0BE;
  --sage-ink: #135C1A;
  --amber: #FFE27A;
  --amber-ink: #6B4500;
  --font-head: 'Unbounded', 'Arial Black', sans-serif;
  --font-body: 'Space Grotesk', system-ui, sans-serif;
  --radius: 16px;
  --radius-sm: 12px;
  --shadow: 4px 4px 0 var(--ink);
  --shadow-lg: 7px 7px 0 var(--ink);
  --focus: 0 0 0 3px var(--amber), 0 0 0 6px var(--ink);
}
[data-theme="candy-pop"] h1, [data-theme="candy-pop"] h2 { letter-spacing: -0.02em; }
[data-theme="candy-pop"] .page-head h1 { font-size: clamp(1.8rem, 3vw, 2.4rem); }
[data-theme="candy-pop"] .sidebar { border-right: 2.5px solid var(--ink); background: var(--blush); }
[data-theme="candy-pop"] .nav__link { color: var(--ink); border: 2px solid transparent; }
[data-theme="candy-pop"] .nav__link:hover { background: var(--surface); border-color: var(--ink); }
[data-theme="candy-pop"] .nav__link[aria-current="page"] { background: var(--amber); color: var(--ink); border-color: var(--ink); box-shadow: 3px 3px 0 var(--ink); }
[data-theme="candy-pop"] .nav__link[aria-current="page"] .icon { stroke: var(--ink); }
[data-theme="candy-pop"] .details-btn { border: 2px solid var(--ink); background: var(--surface); color: var(--ink); box-shadow: 3px 3px 0 var(--ink); }
[data-theme="candy-pop"] .drink-card, [data-theme="candy-pop"] .fc, [data-theme="candy-pop"] .stat,
[data-theme="candy-pop"] .prog-group, [data-theme="candy-pop"] .setup, [data-theme="candy-pop"] .legend,
[data-theme="candy-pop"] .empty, [data-theme="candy-pop"] .summary-stats > div, [data-theme="candy-pop"] .about__facts > div {
  border: 2.5px solid var(--ink); box-shadow: var(--shadow);
}
[data-theme="candy-pop"] .modal { border: 3px solid var(--ink); box-shadow: 10px 10px 0 var(--ink); }
[data-theme="candy-pop"] .drink-card:hover { transform: translate(-3px, -3px); box-shadow: var(--shadow-lg); border-color: var(--ink); }
[data-theme="candy-pop"] .drink-card:focus-within { box-shadow: 0 0 0 4px var(--amber), var(--shadow-lg); border-color: var(--ink); }
[data-theme="candy-pop"] .drink-card__art { background: var(--tone); border-bottom: 2.5px solid var(--ink); padding-bottom: 12px; }
[data-theme="candy-pop"] .illo circle { fill: var(--surface); stroke: var(--ink); stroke-width: 2.4; }
[data-theme="candy-pop"] .drink-card__foot { border-top: 2px dashed var(--ink); }
[data-theme="candy-pop"] .drink-card__name { font-size: 1.12rem; font-weight: 600; }
[data-theme="candy-pop"] .btn, [data-theme="candy-pop"] .chip, [data-theme="candy-pop"] .icon-btn,
[data-theme="candy-pop"] .search input, [data-theme="candy-pop"] .segmented, [data-theme="candy-pop"] .single-pick select {
  border: 2.5px solid var(--ink); box-shadow: 3px 3px 0 var(--ink);
}
[data-theme="candy-pop"] .search input:focus-visible { border-color: var(--ink); box-shadow: 3px 3px 0 var(--ink), 0 0 0 4px var(--amber); }
[data-theme="candy-pop"] .btn:active:not(:disabled), [data-theme="candy-pop"] .chip:active { transform: translate(3px, 3px); box-shadow: none; }
[data-theme="candy-pop"] .btn--ghost, [data-theme="candy-pop"] .chip { color: var(--ink); }
[data-theme="candy-pop"] .chip[aria-pressed="true"] { background: var(--ink); color: var(--amber); }
[data-theme="candy-pop"] .chip--house[aria-pressed="true"] { background: var(--pink-strong); color: #fff; border-color: var(--ink); }
[data-theme="candy-pop"] .chip--classics[aria-pressed="true"] { background: var(--lav-ink); color: #fff; border-color: var(--ink); }
[data-theme="candy-pop"] .chip--halloween[aria-pressed="true"] { background: var(--peach-2); color: var(--ink); border-color: var(--ink); }
[data-theme="candy-pop"] .seg { border-radius: 10px; color: var(--ink); }
[data-theme="candy-pop"] .seg[aria-pressed="true"] { background: var(--lav-2); color: var(--ink); box-shadow: inset 0 0 0 2px var(--ink); }
[data-theme="candy-pop"] .badge, [data-theme="candy-pop"] .status { border: 2px solid var(--ink); color: var(--ink); }
[data-theme="candy-pop"] .badge--house { background: var(--blush); }
[data-theme="candy-pop"] .badge--halloween { box-shadow: none; }
[data-theme="candy-pop"] .fc--front { background: var(--tone); }
[data-theme="candy-pop"] .fc__labels li { border: 2.5px solid var(--ink); border-radius: 999px; box-shadow: 2px 2px 0 var(--ink); }
[data-theme="candy-pop"] .fc__backhead { background: var(--tone); border-bottom: 2.5px solid var(--ink); }
[data-theme="candy-pop"] .ing-list li { border-bottom: 2px dashed var(--blush-2); }
[data-theme="candy-pop"] .ing-amt b { font-weight: 700; }
[data-theme="candy-pop"] .ing-amt--measure, [data-theme="candy-pop"] .garnish li { border: 2px solid var(--ink); color: var(--ink); }
[data-theme="candy-pop"] .steps li::before { background: var(--pink-strong); border: 2px solid var(--ink); }
[data-theme="candy-pop"] .btn--again { background: #FFB4AE; color: var(--ink); }
[data-theme="candy-pop"] .btn--getting { background: var(--amber); color: var(--ink); }
[data-theme="candy-pop"] .btn--gotit { background: var(--sage); color: var(--ink); }
[data-theme="candy-pop"] .tally li { border: 2px solid var(--ink); }
[data-theme="candy-pop"] .meter { border: 2px solid var(--ink); height: 12px; background: var(--surface); }
[data-theme="candy-pop"] .meter span { background: repeating-linear-gradient(-45deg, var(--pink) 0 8px, var(--pink-strong) 8px 16px); }
[data-theme="candy-pop"] .terms { border: 2.5px solid var(--ink); box-shadow: var(--shadow); }
[data-theme="candy-pop"] .term dt { color: var(--amber); }
[data-theme="candy-pop"] .note-panel { border: 2.5px solid var(--ink); }
[data-theme="candy-pop"] .modal__head--house { background: var(--blush); }
[data-theme="candy-pop"] .modal__head--classics { background: var(--lav); }
[data-theme="candy-pop"] .modal__head--halloween { background: var(--peach); }
[data-theme="candy-pop"] .modal__head { border-bottom: 2.5px solid var(--ink); }
[data-theme="candy-pop"] .topbar { border-bottom: 2.5px solid var(--ink); background: var(--blush); }
[data-theme="candy-pop"] .tabbar { border-top: 2.5px solid var(--ink); box-shadow: none; }
[data-theme="candy-pop"] .tabbar__link { color: var(--ink); }
[data-theme="candy-pop"] .tabbar__link[aria-current="page"] { background: var(--amber); color: var(--ink); box-shadow: inset 0 0 0 2px var(--ink); }
[data-theme="candy-pop"] .tabbar__link[aria-current="page"] .icon { stroke: var(--ink); }

/* ═══ 4. Sorbet Glass — soft gradient wash, frosted panels ═══════════════ */

:root[data-theme="sorbet-glass"] {
  --bg: #FBEFF3;
  --surface: rgba(255, 255, 255, .62);
  --line: rgba(255, 255, 255, .75);
  --line-2: rgba(120, 70, 100, .18);
  --pink-strong: #D12E66;
  --blush: rgba(255, 214, 228, .75);
  --lav: rgba(229, 218, 255, .75);
  --peach: rgba(255, 224, 200, .8);
  --sage: rgba(214, 240, 210, .85);
  --amber: rgba(255, 238, 200, .9);
  --font-head: 'Outfit', system-ui, sans-serif;
  --font-body: 'Outfit', system-ui, sans-serif;
  --radius: 26px;
  --radius-sm: 18px;
  --shadow: 0 1px 0 rgba(255, 255, 255, .9) inset, 0 12px 32px rgba(120, 50, 90, .1);
  --shadow-lg: 0 1px 0 rgba(255, 255, 255, .9) inset, 0 24px 60px rgba(120, 50, 90, .2);
}
[data-theme="sorbet-glass"] body {
  font-size: 16.5px;
  background:
    radial-gradient(40vw 40vw at 8% 12%, #FFC5D8 0%, transparent 70%),
    radial-gradient(45vw 45vw at 95% 20%, #DCCBFF 0%, transparent 70%),
    radial-gradient(50vw 40vw at 70% 100%, #FFD9BE 0%, transparent 70%),
    radial-gradient(40vw 40vw at 0% 100%, #FFE3EE 0%, transparent 70%),
    #FBEFF3;
  background-attachment: fixed;
}
[data-theme="sorbet-glass"] .sidebar,
[data-theme="sorbet-glass"] .topbar,
[data-theme="sorbet-glass"] .tabbar,
[data-theme="sorbet-glass"] .drink-card,
[data-theme="sorbet-glass"] .fc,
[data-theme="sorbet-glass"] .setup,
[data-theme="sorbet-glass"] .stat,
[data-theme="sorbet-glass"] .prog-group,
[data-theme="sorbet-glass"] .legend,
[data-theme="sorbet-glass"] .search input,
[data-theme="sorbet-glass"] .chip,
[data-theme="sorbet-glass"] .segmented {
  -webkit-backdrop-filter: blur(18px) saturate(1.4);
  backdrop-filter: blur(18px) saturate(1.4);
}
[data-theme="sorbet-glass"] .sidebar { margin: 12px; inset: 0 auto 0 0; height: calc(100% - 24px); border: 1px solid var(--line); border-radius: 28px; box-shadow: var(--shadow); }
[data-theme="sorbet-glass"] .main { margin-left: calc(var(--sidebar-w) + 24px); }
[data-theme="sorbet-glass"] .nav__link { border-radius: 16px; }
[data-theme="sorbet-glass"] .nav__link[aria-current="page"] { background: #fff; box-shadow: 0 6px 18px rgba(209, 46, 102, .15); }
[data-theme="sorbet-glass"] .drink-card__art { background: none; }
[data-theme="sorbet-glass"] .drink-card__art .illo { filter: drop-shadow(0 10px 14px rgba(120, 50, 90, .18)); }
[data-theme="sorbet-glass"] .illo circle { fill: rgba(255, 255, 255, .7); }
[data-theme="sorbet-glass"] .drink-card__foot { border-top: 1px solid var(--line-2); }
[data-theme="sorbet-glass"] .drink-card:hover { transform: translateY(-4px) scale(1.01); }
[data-theme="sorbet-glass"] .btn--primary { background: linear-gradient(135deg, #F0558A, #C42F62); box-shadow: 0 10px 24px rgba(209, 46, 102, .35); }
[data-theme="sorbet-glass"] .chip[aria-pressed="true"] { background: linear-gradient(135deg, #3A1A30, #5D2A4C); border-color: transparent; }
[data-theme="sorbet-glass"] .chip--house[aria-pressed="true"] { background: linear-gradient(135deg, #F0558A, #C42F62); }
[data-theme="sorbet-glass"] .chip--classics[aria-pressed="true"] { background: linear-gradient(135deg, #8C78D6, #5D4B8C); }
[data-theme="sorbet-glass"] .chip--halloween[aria-pressed="true"] { background: linear-gradient(135deg, #F29A5C, #94461A); }
[data-theme="sorbet-glass"] .fc--front { background: rgba(255, 255, 255, .55); }
[data-theme="sorbet-glass"] .fc__backhead { background: linear-gradient(135deg, var(--tone), transparent); }
[data-theme="sorbet-glass"] .fc__labels li { border-style: solid; border-color: var(--line); background: rgba(255, 255, 255, .7); border-radius: 999px; }
[data-theme="sorbet-glass"] .steps li::before { background: linear-gradient(135deg, #F0558A, #C42F62); }
[data-theme="sorbet-glass"] .modal { background: rgba(255, 250, 252, .88); -webkit-backdrop-filter: blur(24px); backdrop-filter: blur(24px); border-radius: 30px; }
[data-theme="sorbet-glass"] .modal::backdrop { background: rgba(120, 60, 100, .22); backdrop-filter: blur(8px); }
[data-theme="sorbet-glass"] .terms { background: linear-gradient(160deg, #3A1A30, #241020); border-radius: 26px; }
[data-theme="sorbet-glass"] .stage__controls { background: none; }
[data-theme="sorbet-glass"] .study { background: #FBEFF3; }
[data-theme="sorbet-glass"] .tabbar { background: rgba(255, 255, 255, .7); }
@media (max-width: 899px) {
  [data-theme="sorbet-glass"] .main { margin-left: 0; }
}

/* ═══ 5. Velvet Lounge — dusty rose, gold hairlines, serif italics ═══════ */

:root[data-theme="velvet-lounge"] {
  --bg: #F7EFEC;
  --surface: #FFFCFA;
  --ink: #3A1730;
  --ink-2: #634558;
  --ink-3: #8C7282;
  --line: #ECDDD8;
  --line-2: #D9C2B8;
  --pink: #C9668A;
  --pink-strong: #9E3459;
  --pink-ink: #8A2B4D;
  --blush: #F2DFE1;
  --blush-2: #E3C1C7;
  --lav: #ECE5EE;
  --lav-2: #D7C9DC;
  --lav-ink: #5E4970;
  --peach: #F3E3D6;
  --peach-2: #E2C3A8;
  --gold: #A9844A;
  --font-head: 'Cormorant Garamond', Georgia, serif;
  --font-body: 'Jost', system-ui, sans-serif;
  --radius: 2px;
  --radius-sm: 2px;
  --shadow: 0 1px 2px rgba(58, 23, 48, .04);
  --shadow-lg: 0 30px 70px rgba(58, 23, 48, .16);
}
[data-theme="velvet-lounge"] body { letter-spacing: .01em; }
[data-theme="velvet-lounge"] h1, [data-theme="velvet-lounge"] h2 { font-weight: 600; letter-spacing: 0; }
[data-theme="velvet-lounge"] .page-head h1 { font-style: italic; font-size: clamp(2.2rem, 3.2vw, 2.8rem); }
[data-theme="velvet-lounge"] .page-head h1::after { content: ''; display: block; width: 56px; height: 1px; margin-top: 12px; background: var(--gold); }
[data-theme="velvet-lounge"] .sidebar { background: var(--ink); border-right: 0; }
[data-theme="velvet-lounge"] .sidebar__label { color: var(--gold); }
[data-theme="velvet-lounge"] .nav__link { color: #E9D8E1; border-radius: 0; font-weight: 400; letter-spacing: .04em; }
[data-theme="velvet-lounge"] .nav__link:hover { background: rgba(255, 255, 255, .06); color: #fff; }
[data-theme="velvet-lounge"] .nav__link[aria-current="page"] { background: none; color: #fff; box-shadow: inset 2px 0 0 var(--gold); font-weight: 500; }
[data-theme="velvet-lounge"] .nav__link[aria-current="page"] .icon { stroke: var(--gold); }
[data-theme="velvet-lounge"] .details-btn { border-radius: 0; color: #E9D8E1; border-color: rgba(255, 255, 255, .2); }
[data-theme="velvet-lounge"] .details-btn:hover { background: rgba(255, 255, 255, .06); color: #fff; border-color: var(--gold); }
[data-theme="velvet-lounge"] .save-status { color: #BFA6B4; }
[data-theme="velvet-lounge"] .btn, [data-theme="velvet-lounge"] .chip, [data-theme="velvet-lounge"] .seg,
[data-theme="velvet-lounge"] .segmented, [data-theme="velvet-lounge"] .search input, [data-theme="velvet-lounge"] .icon-btn,
[data-theme="velvet-lounge"] .single-pick select { border-radius: 0; }
[data-theme="velvet-lounge"] .search input { border-width: 0 0 1px; background: transparent; padding-left: 34px; }
[data-theme="velvet-lounge"] .search__icon { left: 4px; }
[data-theme="velvet-lounge"] .search input:focus-visible { border-radius: 0; box-shadow: 0 1px 0 var(--gold); border-color: var(--gold); }
[data-theme="velvet-lounge"] .chip { border-width: 0 0 1px; background: none; padding-left: 4px; padding-right: 4px; border-radius: 0; font-weight: 500; }
[data-theme="velvet-lounge"] .chips { gap: 22px; }
[data-theme="velvet-lounge"] .chip[aria-pressed="true"],
[data-theme="velvet-lounge"] .chip--house[aria-pressed="true"],
[data-theme="velvet-lounge"] .chip--classics[aria-pressed="true"],
[data-theme="velvet-lounge"] .chip--halloween[aria-pressed="true"] { background: none; color: var(--ink); border-color: var(--gold); box-shadow: inset 0 -2px 0 var(--gold); }
[data-theme="velvet-lounge"] .chip[aria-pressed="true"] .chip__count { background: var(--ink); color: #fff; }
[data-theme="velvet-lounge"] .btn { text-transform: uppercase; letter-spacing: .14em; font-size: .78rem; font-weight: 500; }
[data-theme="velvet-lounge"] .btn--primary { background: var(--ink); }
[data-theme="velvet-lounge"] .btn--primary:hover:not(:disabled) { background: var(--pink-ink); }
[data-theme="velvet-lounge"] .btn--rate { font-size: .8rem; }
[data-theme="velvet-lounge"] .drink-card { border-color: var(--line); }
[data-theme="velvet-lounge"] .drink-card:hover { transform: none; border-color: var(--gold); box-shadow: var(--shadow-lg); }
[data-theme="velvet-lounge"] .drink-card__art { background: var(--tone); margin: 10px 10px 0; padding: 18px 0 12px; }
[data-theme="velvet-lounge"] .illo circle { fill: none; stroke: var(--gold); stroke-width: .8; }
[data-theme="velvet-lounge"] .drink-card__name { font-style: italic; font-size: 1.6rem; font-weight: 600; line-height: 1.05; }
[data-theme="velvet-lounge"] .num { color: var(--gold) !important; letter-spacing: .2em; font-weight: 500; }
[data-theme="velvet-lounge"] .badge, [data-theme="velvet-lounge"] .status { border-radius: 0; text-transform: uppercase; letter-spacing: .1em; font-size: .64rem; font-weight: 500; }
[data-theme="velvet-lounge"] .drink-card__foot { border-top: 1px solid var(--line); }
[data-theme="velvet-lounge"] .fc { border-radius: 2px; }
[data-theme="velvet-lounge"] .fc--front { background: var(--surface); border-color: var(--line); box-shadow: inset 0 0 0 10px var(--surface), inset 0 0 0 11px var(--gold); padding: 44px 48px; }
[data-theme="velvet-lounge"] .fc__name { font-style: italic; font-size: clamp(2.2rem, 4.4vw, 3.2rem); line-height: 1; }
[data-theme="velvet-lounge"] .fc__q { font-family: var(--font-body); font-weight: 400; font-size: 1.1rem; }
[data-theme="velvet-lounge"] .fc__labels li { border-radius: 0; border: 0; border-bottom: 1px solid var(--gold); background: none; padding: 4px 2px; margin-right: 10px; text-transform: uppercase; letter-spacing: .14em; font-size: .74rem; font-weight: 500; }
[data-theme="velvet-lounge"] .fc__backhead { background: none; border-bottom: 1px solid var(--gold); }
[data-theme="velvet-lounge"] .rsec__label { color: var(--gold); letter-spacing: .2em; font-weight: 500; }
[data-theme="velvet-lounge"] .ing-name { font-weight: 400; }
[data-theme="velvet-lounge"] .ing-amt { color: var(--ink); }
[data-theme="velvet-lounge"] .ing-amt b { font-size: 1.7rem; font-weight: 600; }
[data-theme="velvet-lounge"] .ing-amt--measure { border-radius: 0; background: none; border: 1px solid var(--line-2); color: var(--ink-2); }
[data-theme="velvet-lounge"] .steps li { font-weight: 400; }
[data-theme="velvet-lounge"] .steps li::before { background: none; color: var(--gold); border: 1px solid var(--gold); font-weight: 500; }
[data-theme="velvet-lounge"] .garnish li { border-radius: 0; background: none; border: 1px solid var(--sage-ink); font-weight: 500; }
[data-theme="velvet-lounge"] .btn--again, [data-theme="velvet-lounge"] .btn--getting, [data-theme="velvet-lounge"] .btn--gotit { background: var(--surface); }
[data-theme="velvet-lounge"] .modal { border-radius: 2px; }
[data-theme="velvet-lounge"] .modal__head--house, [data-theme="velvet-lounge"] .modal__head--classics,
[data-theme="velvet-lounge"] .modal__head--halloween { background: none; border-bottom: 1px solid var(--gold); }
[data-theme="velvet-lounge"] .terms { border-radius: 2px; }
[data-theme="velvet-lounge"] .term dt { color: #E3C48F; font-style: italic; font-size: 1.4rem; }
[data-theme="velvet-lounge"] .stat__value b { font-size: 2.8rem; font-weight: 600; }
[data-theme="velvet-lounge"] .topbar { background: var(--ink); border-bottom: 1px solid var(--gold); }
[data-theme="velvet-lounge"] .topbar .save-status { color: #BFA6B4; }
[data-theme="velvet-lounge"] .topbar .icon-btn { background: transparent; color: #E9D8E1; border-color: rgba(255, 255, 255, .25); }
[data-theme="velvet-lounge"] .tabbar__link[aria-current="page"] { background: none; box-shadow: inset 0 2px 0 var(--gold); }
@media (max-width: 680px) {
  [data-theme="velvet-lounge"] .fc--front { padding: 26px 22px; }
  [data-theme="velvet-lounge"] .chips { gap: 14px; }
}