/* Landing-page colours on top of css/theme-light.css */

html.mca,
html.mca body {
    background-color: #f4f6f8;
    color: #1a2330;
}

.eyebrow,
.brand:hover,
h1 span,
.stats strong,
footer.site a:hover {
    color: #0b6b45;
}

.checklist li::before {
    background: #0b8f5a;
}

p,
.stats span,
.device-card figcaption,
nav.site a.n,
footer.site,
footer.site a {
    color: #4a5a6a;
}

.lede,
.checklist li,
.meta b {
    color: #2a3a4a;
}

.meta {
    color: #4a5a6a;
}

a {
    color: #0b6b45;
}

nav.site {
    background: rgba(244, 246, 248, 0.92);
    border-bottom: 1px solid #d8dee6;
}

.brand {
    color: #1a2330;
}

.brand .mark {
    background: none;
}

nav.site a.n:hover {
    color: #0a1a14;
    background: #eef2f6;
}

.btn-phos,
a.btn-phos {
    background-color: #d8f3e6;
    border: 1px solid #0b8f5a;
    color: #0b6b45;
}

.btn-phos:hover,
a.btn-phos:hover {
    background-color: #c5ebd9;
    color: #0a1a14;
}

.kicker {
    color: #7a5a10;
    border: 1px solid #e8d4a0;
    background: #fff6e0;
}

.device-card,
.shot,
.card,
.stats,
pre {
    border: 1px solid #d0d7e0;
}

.device-card,
.card,
.stats div {
    background: #ffffff;
}

.shot {
    background: #eef2f6;
}

.icon {
    background: #e8f6ef;
    color: #0b6b45;
    border: 1px solid #a8d4c0;
}

.dl-main {
    border-color: #a8d4c0;
    background: #f3faf6;
}

.install {
    color: #1a2330;
}

pre {
    background: #1a2330;
    color: #e8eef6;
}

.kw { color: #ce93d8; }
.fn { color: #82b1ff; }
.st { color: #aed581; }
.cm { color: #90a4ae; }
.nu { color: #ffcc80; }

table.spec th {
    color: #4a5a6a;
}

table.spec td {
    color: #1a2330;
}

table.spec th,
table.spec td {
    border-bottom: 1px solid #d8dee6;
}

footer.site {
    border-top: 1px solid #d8dee6;
}