/* Built by scripts/build-pages.php from scripts/site/hosting-css/dark.css (teklanhosting.co.uk) in TekLan Cloud colours (scripts/site/brand.php). Do not edit. */
/* Dark appearance. Linked last on every page (header.php) with media="(prefers-color-scheme: dark)", so it follows
   the visitor's system setting until they use the light/dark switch, which turns this file on or off (theme.js).
   Most colours come from the --tk-* variables in teklan.css; the rules below cover gradients, glass and the
   few places that use fixed light colours. Photos, screenshots and illustrations keep their own colours. */
:root {
  color-scheme: dark;
  --tk-accent-on-dark: #7fd4ea;
  --tk-indigo-tint:  rgba(92,200,228,.12);
  --tk-text:         #e6ebf2;
  --tk-muted:        #a3a8ae;
  --tk-border:       #33383d;
  --tk-light:        #17191c;
  --tk-surface:      #1e2125;
  --tk-shadow-sm:    0 1px 3px rgba(0,0,0,.4), 0 4px 12px rgba(0,0,0,.25);
  --tk-shadow-md:    0 4px 24px rgba(0,0,0,.45);
  --tk-shadow-premium: 0 18px 48px rgba(0,0,0,.4);
  --bs-body-bg: #121416;
  --bs-body-color: #d5dce6;
  --bs-body-color-rgb: 213,220,230;
  --bs-emphasis-color: #fff;
  --bs-secondary-color: rgba(213,220,230,.75);
  --bs-secondary-bg: #212428;
  --bs-tertiary-bg: #191b1e;
  --bs-border-color: #33383d;
  --bs-heading-color: #eef2f7;
  --bs-link-color: #7fd4ea;
  --bs-link-color-rgb: 143,182,255;
  --bs-link-hover-color-rgb: 185,210,255;
  --bs-link-hover-color: #b0e4f2;
}

html, body { background-color: #121416; }
body { color: var(--tk-text); }
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { color: #eef2f7; }
.text-dark, .text-body { color: var(--tk-text) !important; }
.text-muted, .text-secondary { color: var(--tk-muted) !important; }
.bg-white { background-color: var(--tk-surface) !important; }
.bg-light, .bg-gray-100 { background-color: var(--tk-light) !important; }
.border, .border-top, .border-bottom, .border-start, .border-end { border-color: var(--tk-border) !important; }
hr { border-color: var(--tk-border); opacity: 1; }

/* Navigation pill and menus */
.blur { background-color: rgba(24,26,29,.82) !important; }
.navbar { border-color: rgba(51,56,61,.9); box-shadow: 0 18px 44px rgba(0,0,0,.45), 0 2px 8px rgba(0,0,0,.25) !important; }
.navbar-nav .nav-link { color: rgba(230,235,242,.78); }
.navbar-nav .nav-link:hover, .navbar-nav .nav-link:focus, .navbar-nav .nav-link.active { background: rgba(92,200,228,.14); color: #b0e4f2; }
.navbar-nav .nav-link .arrow { filter: invert(1) brightness(1.4); }
.navbar-toggler-bar { background: #e6ebf2 !important; }
.tk-site-logo { filter: brightness(1.55) saturate(1.1); }
.dropdown-menu { background: #1e2125; border: 1px solid #33383d; box-shadow: 0 18px 44px rgba(0,0,0,.5); }
.dropdown-item { color: #d5dce6; }
.dropdown-item:hover, .dropdown-item:focus, .dropdown-item.active { background: rgba(92,200,228,.14); color: #fff; }
.bg-gradient-dark { background-image: linear-gradient(195deg, #454b52, #272b30); }

/* Section backgrounds that use light gradients */
.tk-home-services, .tk-home-migration { background: linear-gradient(180deg, #141618 0%, #17191c 100%); }
.tk-home-pricing { background: linear-gradient(180deg, #17191c 0%, #121416 42%, #121416 100%); }
.tk-section-light { background: linear-gradient(180deg, #17191c 0%, #16181b 100%); }
.tk-chooser-card { background: linear-gradient(180deg, #1e2125 0%, #1b1e21 100%); }
.wch-search-panel { background: rgba(30,33,37,.96); }
main > section { border-color: var(--tk-border); }

/* Cards, panels, buttons and form fields */
.btn-tk-secondary { color: var(--tk-text) !important; border-color: var(--tk-border) !important; }
.btn-tk-secondary:hover { background: #272b30; }
.tk-aff-pill, .tk-aff-status.is-pending { background: #3a2a12; color: #ffc36b; }
input, select, textarea, .form-control, .form-select {
  background-color: #17191c;
  color: var(--tk-text);
  border-color: var(--tk-border);
}
input::placeholder, textarea::placeholder { color: #8a8f95; }
.table { --bs-table-bg: transparent; --bs-table-color: var(--tk-text); --bs-table-border-color: var(--tk-border); color: var(--tk-text); }
.table > :not(caption) > * > * { border-color: var(--tk-border); }
.badge.bg-light { color: var(--tk-text) !important; }
.alert { background: #1e2125; border-color: var(--tk-border); color: var(--tk-text); }
.tk-example-disclaimer { color: var(--tk-muted) !important; border-left-color: #454b52; }
code, .tk-blog-content code, .guide-prose code { color: #f38bbf; }

/* Illustrations on white keep a light mat so they stay legible */
.tk-blog-thumb img, .tk-related-card-img, .tk-post-hero-img, .tk-featured-mini img { background: #e9eef5; }

/* The switch */
.tk-theme-switch { color: #e6ebf2; background: rgba(92,200,228,.1); border-color: #33383d; }
.tk-theme-switch:hover { background: rgba(92,200,228,.2); color: #fff; }
.tk-theme-sun { display: none; }
.tk-theme-moon { display: none; }
.tk-theme-switch .tk-theme-sun { display: block; }

/* Indigo text (labels, prices, links, icons) is too dark on the dark background: use the light accent. */
:is(.tk-accreditation-badge .fa-award, .tk-label, .btn-tk-ghost, .btn-tk-secondary:hover, .tk-stat-num, .tk-service-price,
  .tk-sc-icon, .tk-sc-link, .tk-chooser-top span, .tk-chooser-link, .tk-fc-icon, .tk-wi-num,
  .tk-pricing-featured .tk-pricing-amount .amount, .feature-check-list li i, .feature-check-list-dark li i, .tk-link,
  .tk-icon, .tk-stat-number, .page-header-meta a, .tk-migration-step span, .tk-home-content-card span,
  .tk-home-content-card strong, .policy-content a, .tk-blog-thumb-placeholder, .tk-blog-more, .tk-blog-content a,
  .tk-post-supporting-grid a, .guides-intro a, .guide-card-icon, .guide-card-icon i, .guide-cat-badge, .guide-read,
  .guide-prose a, .related-card-icon i, .wch-stat-panel strong, .wch-meta-row a, .wch-icon, .wch-icon i, .wch-category,
  .wch-links a, .wch-decision-card a, .domains-pricing-table tbody td:first-child, .domains-pricing-register,
  .not-found-code, .tk-aff-more, .tk-aff-avatar, .tk-aff-calc-inputs output, .tk-aff-audience i, .tk-step-number,
  .tk-trust-strip i, .tk-service-links a, .tk-u-308993ebcf, .tk-u-61fb80a520, .tk-u-99ba640662, .tk-u-d1bb7d0948,
  .tk-u-e9e67df71a) { color: #7fd4ea !important; }
:is(.tk-toc a:hover) { color: #7fd4ea !important; }
.tk-announcement-badge.is-warning { background: #3a2a12; color: #ffc36b; }
.tk-announcement-badge.is-critical { background: #3a1616; color: #ff9b9b; }
.tk-announcement-badge { color: #7fd4ea; }
:is(.tk-help-most-link i, .tk-help-answer-label, .tk-help-card-kind.is-guide, .tk-help-most-link:hover) { color: #7fd4ea !important; }
.tk-help-card-kind.is-answer { background: #12321f; color: #86efac; }
.tk-help-chip.is-active { background: #1f8fb0; border-color: #1f8fb0; }
.tk-help-answer { border-left-color: #3fb3d4; }
.tk-example-layout p:not(.tk-site-example p) { color: var(--tk-muted); }
.tk-term-option.is-active { background: #1f8fb0; color: #fff !important; }
.tk-term-option:hover:not(.is-active) { color: #7fd4ea; }
.tk-pricing-saving { color: #86efac; }

/* teklan.cloud (scripts/site/cloud-dark.css, added to the end of dark.css by build-pages.php) */
/* The logo is the TekLan infinity mark in black (assets/img/logo-mark-black.svg): white on the dark background. */
.navbar .tk-site-logo, .tk-footer .tk-site-logo { filter: invert(1); }