/* The flavour switcher keeps the original Macchiato palette as the default. */
.accent-word{color:var(--pink)}
body[data-theme="frappe"]{--base:#303446;--mantle:#292c3c;--crust:#232634;--surface:#414559;--surface2:#51576d;--text:#c6d0f5;--sub:#a5adce;--lav:#babbf1;--pink:#f2d5cf;--peach:#ef9f76;--teal:#81c8be;--green:#a6d189;--yellow:#e5c890}
body[data-theme="latte"]{--base:#eff1f5;--mantle:#e6e9ef;--crust:#dce0e8;--surface:#ccd0da;--surface2:#bcc0cc;--text:#4c4f69;--sub:#6c6f85;--lav:#7287fd;--pink:#ea76cb;--peach:#fe640b;--teal:#179299;--green:#40a02b;--yellow:#df8e1d}
body[data-theme="mocha"]{--base:#1e1e2e;--mantle:#181825;--crust:#11111b;--surface:#313244;--surface2:#45475a;--text:#cdd6f4;--sub:#a6adc8;--lav:#b4befe;--pink:#f5c2e7;--peach:#fab387;--teal:#94e2d5;--green:#a6e3a1;--yellow:#f9e2af}
.hero h1{font-size:clamp(34px,4.15vw,59px);line-height:1.02;letter-spacing:-.065em}
.theme-selector{display:flex;align-items:center;gap:7px;position:absolute;left:28px;bottom:29px;flex-wrap:wrap;max-width:62%}.theme-selector>span{width:100%;font-size:8px;letter-spacing:.1em;color:var(--sub);margin-bottom:3px}.theme-choice{border:1px solid var(--surface2);background:transparent;color:var(--sub);font:10px var(--font-body);padding:7px 9px;border-radius:4px;cursor:pointer;transition:.2s}.theme-choice:hover,.theme-choice.active{background:var(--pink);border-color:var(--pink);color:var(--crust)}.feature-wide .palette{right:28px;bottom:32px}.feature-wide .palette span{transition:color .2s}.code-chip{line-height:1.8;bottom:25px}.quote-tabs{flex-wrap:wrap}.avatar-blue{background:var(--teal)}.avatar-yellow{background:var(--yellow)}.avatar-violet{background:var(--lav)}.avatar-red{background:var(--peach)}.avatar-gold{background:var(--yellow)}.avatar-black{background:var(--crust);color:var(--pink)}
@media(max-width:800px){.hero h1{font-size:42px}.theme-selector{position:static;max-width:none;margin-top:24px}.feature-wide .palette{position:static;margin-top:20px}}
.mac-trap{position:fixed;inset:0;z-index:20;display:grid;place-items:center;padding:24px;background:rgba(17,17,27,.86);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .25s,visibility .25s}.mac-trap.is-visible{opacity:1;visibility:visible;pointer-events:auto}.mac-trap-card{position:relative;width:min(560px,100%);padding:56px 50px 48px;text-align:center;color:var(--crust);background:var(--pink);border:4px solid var(--crust);box-shadow:12px 12px 0 var(--teal),0 25px 80px rgba(0,0,0,.45);animation:trap-blink 1s steps(2,end) infinite}.mac-trap-icon{font-size:48px;line-height:1;margin-bottom:18px}.mac-trap-card .eyebrow{color:var(--crust);font-size:9px}.mac-trap-card h2{font:700 clamp(28px,4vw,47px)/1 var(--font-head);letter-spacing:-.06em;margin:17px auto;max-width:450px}.mac-trap-hint{font-size:11px;margin:0;opacity:.75}.mac-trap-close{position:absolute;top:12px;right:14px;width:34px;height:34px;border:2px solid var(--crust);border-radius:50%;background:transparent;color:var(--crust);font:700 22px/1 var(--font-body);cursor:pointer;transition:transform .35s ease,background .2s}.mac-trap-close:hover{background:var(--crust);color:var(--pink)}@keyframes trap-blink{0%,100%{opacity:1}50%{opacity:.72}}@media(max-width:800px){.mac-trap-card{padding:48px 28px 35px}.mac-trap-card h2{font-size:31px}}