/* SnapApp CMS - theme-aware colours (loaded after the original stylesheets, which are unchanged).
   A few colours of the original design were fixed blue/navy values, so the "Ready-made themes"
   in Admin > Colours could not recolour them. Every rule below keeps the exact original colour as
   the default and only switches to the theme colour when a theme (or a custom colour) is chosen. */

/* table header cells (About table, post tables) */
.info th{background:var(--thbg,#f8fafd)}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .info th{background:var(--thbg,#1d2650)}}
:root[data-theme="dark"] .info th{background:var(--thbg,#1d2650)}

/* author box on the Download page */
.dl-author{background:linear-gradient(135deg,var(--dla,#0f1a3d),var(--dlb,#16254f))}

/* default colours of the feature-section cards follow the FAQ band colours (a colour set on a card itself still wins) */
.fcard{--fa:var(--fq1,#1597dd);--fb:var(--fq2,#17c28a);box-shadow:0 12px 32px color-mix(in srgb,var(--fa) 22%,transparent)}
.fcard.none{box-shadow:none}

/* soft glows that were fixed blue */
.btn{box-shadow:0 8px 18px color-mix(in srgb,var(--btn1,#2d7fd6) 28%,transparent)}
.btn:hover{box-shadow:0 10px 22px color-mix(in srgb,var(--btn1,#2d7fd6) 38%,transparent)}
.fi:hover .fi-ic{box-shadow:0 12px 24px color-mix(in srgb,var(--accent) 35%,transparent)}
.post-fig svg,.post-fig img{box-shadow:0 12px 28px color-mix(in srgb,var(--accent) 28%,transparent)}

/* default picture of the Home content section (SnapApp TV icon) */
#postDef stop:first-child{stop-color:var(--blob1,#2d7ad5)}
#postDef stop:last-child{stop-color:var(--blob2,#5bd1d7)}

/* app-screenshot mock-ups: their teal highlight follows the theme */
.hero-img [fill="#13d3c3"],.f-phone [fill="#13d3c3"]{fill:var(--phacc,#13d3c3)}
.hero-img [stroke="#13d3c3"],.f-phone [stroke="#13d3c3"]{stroke:var(--phacc,#13d3c3)}

/* dark theme: neutral dark grey page (#151515) instead of navy */
:root[data-theme="dark"]{--bg:#151515;--white:#1d1d1d;--line:#2f2f2f;--row:#1d1d1d;--thbg:#1d1d1d}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){--bg:#151515;--white:#1d1d1d;--line:#2f2f2f;--row:#1d1d1d;--thbg:#1d1d1d}}
:root[data-theme="dark"] .adm{--bg:#151515;--white:#1d1d1d;--line:#2f2f2f;--row:#1d1d1d}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .adm{--bg:#151515;--white:#1d1d1d;--line:#2f2f2f;--row:#1d1d1d}}
:root[data-theme="dark"] .info th{background:#1d1d1d}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .info th{background:#1d1d1d}}
:root[data-theme="dark"] body{background:#151515}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) body{background:#151515}}

/* no blink of the header logo, footer logo and hero picture while the page is still being set up */
html:not(.snap-ready) .top .brand,html:not(.snap-ready) .foot .fbrand,html:not(.snap-ready) .hero-visual{visibility:hidden}