/* The reference stylesheet owns geometry and typography. Tipo overrides colors and the five-app grid. */
:root{
 --sl-color-accent-low:#2c1749;--sl-color-accent:#9d72f4;--sl-color-accent-high:#cdb5ff;
 --sl-color-white:#fff;--sl-color-gray-1:#ece8f1;--sl-color-gray-2:#cec6d8;--sl-color-gray-3:#a49aac;--sl-color-gray-4:#776b83;--sl-color-gray-5:#39303f;--sl-color-gray-6:#28222e;--sl-color-gray-7:#1c1722;--sl-color-black:#151019;
 --samita-surface:#1b151f;--samita-hover:#ffffff0d;--samita-bg:linear-gradient(to left bottom,#29183e 0,#151019 55%);
 --home-glow-green:#9155ec29;--home-glow-yellow:#bd80ff12;--home-footer-bg:#110c16;
}
:root[data-theme=light]{
 --sl-color-accent-low:#eee4ff;--sl-color-accent:#4d01e1;--sl-color-accent-high:#36009e;
 --sl-color-white:#211c28;--sl-color-gray-1:#302837;--sl-color-gray-2:#463c50;--sl-color-gray-3:#706579;--sl-color-gray-4:#988ba3;--sl-color-gray-5:#ddd5e5;--sl-color-gray-6:#eee9f3;--sl-color-gray-7:#f7f4fa;--sl-color-black:#fff;
 --samita-surface:#fff;--samita-hover:#3210500d;--samita-bg:linear-gradient(to left bottom,#f0e9fa 0,#fff 60%);
 --home-glow-green:#7a30d921;--home-glow-yellow:#c8a0ff33;--home-footer-bg:#f8f6fb;
}
.home-help-team-brand{background-color:var(--sl-color-accent-low)}
::selection{background:var(--sl-color-accent-low);color:var(--sl-color-accent-high)}

.site-footer-social a[aria-disabled=true]{cursor:default;opacity:.6}

/* Balance the five Tipo apps while preserving reference card styling. */
.home-apps{grid-template-columns:repeat(6,minmax(0,1fr));grid-auto-rows:1fr}
.home-apps>li{grid-column:span 2;min-width:0}
.home-apps>li:nth-last-child(-n+2){grid-column:span 3}
@media(width<=64rem){
 .home-apps{grid-template-columns:repeat(2,minmax(0,1fr))}
 .home-apps>li,.home-apps>li:nth-last-child(-n+2){grid-column:span 1}
 .home-apps>li:last-child{grid-column:1/-1}
}
@media(width<=36rem){
 .home-apps{grid-template-columns:minmax(0,1fr);grid-auto-rows:auto}
 .home-apps>li,.home-apps>li:nth-last-child(-n+2){grid-column:auto}
}