:root{
  --accent:#1586cf !important;
  --accent-2:#4f8aa2 !important;
  --bg:#e8f1f8 !important;
  --box:#ffffff !important;
  --box-soft:#f2f8fc !important;
  --text-main:#24556d !important;
  --text-muted:#4f8aa2 !important;
  --shadow:0 16px 40px rgba(25,117,171,.12) !important;
  --chip-bg:#effaff !important;
  --chip-border:#d2edf8 !important;
  --link:#0b5fa8 !important;
  --link-hover:#d5a620 !important;
  --card:linear-gradient(180deg, rgba(255,255,255,.98), rgba(245,251,255,.98)) !important;
  --stroke:rgba(191,229,243,.95) !important;
}

body{
  background:
    radial-gradient(circle at top, rgba(110,182,220,.14), transparent 34%),
    linear-gradient(180deg, #edf4fa 0%, #dceaf5 32%, #e8f1f8 100%) !important;
  color:var(--text-main) !important;
}

a{ color:var(--link) !important; }
a:hover{ color:var(--link-hover) !important; }

header{
  background:linear-gradient(180deg, #e9edf1, #d6dde4) !important;
  color:#304256 !important;
  box-shadow:var(--shadow) !important;
}

header::before{
  background:
    radial-gradient(circle at 0 0, rgba(255,255,255,.45), transparent 58%),
    radial-gradient(circle at 100% 0, rgba(176,186,196,.22), transparent 50%),
    radial-gradient(circle at 50% 120%, rgba(195,204,212,.36), transparent 70%) !important;
}

header h1,
header h2,
h2,
h3,
.blog-title,
.download-title,
.section-title{
  color:#0b5fa8 !important;
}

header h1,
header h2{
  color:#304256 !important;
}

header p,
header .subtitle,
header .slogan,
.caption,
.article-meta,
.blog-excerpt,
.blog-meta,
.blog-date,
.blog-tag,
.download-title,
.intro,
.archives,
.archives-list li a,
.header-tag,
.callout,
.subtitle,
.slogan{
  color:#4f8aa2 !important;
}

header p,
header .subtitle,
header .slogan,
header .header-tag{
  color:#5f7386 !important;
}

header img.logo,
header .logo,
header img{
  background:#fff !important;
  border-color:#bfe5f3 !important;
  box-shadow:0 10px 30px rgba(25,117,171,.14) !important;
}

article,
.article-shell,
.article-inner,
.download-box,
.callout,
.preview .box,
.video-box,
.screenshot,
.box,
.blog-card,
.livret-preview{
  background:linear-gradient(180deg, rgba(255,255,255,.98), rgba(245,251,255,.98)) !important;
  border-color:rgba(191,229,243,.95) !important;
  box-shadow:var(--shadow) !important;
  color:var(--text-main) !important;
}

.article-shell::before,
.blog-card::before{
  opacity:.18 !important;
}

.btn,
.btn-link,
.primary-btn{
  background:linear-gradient(180deg, #1fb2ef, #1186d2) !important;
  color:#fff !important;
  border-color:transparent !important;
  box-shadow:0 10px 24px rgba(17,134,210,.12) !important;
}

.btn.secondary,
.btn-link.secondary,
.ghost-btn{
  background:#fff !important;
  color:#24556d !important;
  border-color:#bfe5f3 !important;
}

.blog-tag,
.chip,
.header-tag,
.pill,
.meta-chip{
  background:#effaff !important;
  border-color:#d2edf8 !important;
  color:#4f8aa2 !important;
}

header .blog-tag,
header .chip,
header .header-tag,
header .pill,
header .meta-chip{
  background:rgba(255,255,255,.52) !important;
  border-color:rgba(143,154,166,.26) !important;
  color:#5f7386 !important;
}

.site-footer{
  background:#dceaf5 !important;
  color:#4f8aa2 !important;
  border-top:1px solid rgba(191,229,243,.95) !important;
}

.site-footer a{
  color:#0b5fa8 !important;
}