/*
Theme Name: FLINKS Blog
Description: Tema filho com a identidade visual FLINKS para artigos.flinks.digital.
Author: FLINKS
Template: twentytwentyfive
Version: 1.0.1
Text Domain: flinks-blog
*/

:root {
  --flinks-navy: #10233d;
  --flinks-navy-deep: #071a31;
  --flinks-blue: #275efe;
  --flinks-blue-dark: #1747d2;
  --flinks-teal: #00a88f;
  --flinks-text: #172235;
  --flinks-muted: #68758a;
  --flinks-border: #dbe2eb;
  --flinks-soft: #f5f8fc;
}

body {
  color: var(--flinks-text);
  background: #fff;
}

.wp-site-blocks {
  background: #fff;
}

.wp-site-blocks a:not(.wp-element-button) {
  color: var(--flinks-blue);
  text-decoration-thickness: 1.5px;
  text-underline-offset: 0.16em;
}

.wp-site-blocks a:not(.wp-element-button):hover {
  color: var(--flinks-blue-dark);
}

.wp-site-blocks h1,
.wp-site-blocks h2,
.wp-site-blocks h3,
.wp-site-blocks h4,
.wp-site-blocks h5,
.wp-site-blocks h6 {
  color: var(--flinks-navy);
}

.wp-site-blocks .wp-element-button,
.wp-site-blocks .wp-block-button__link {
  border-radius: 0.5rem;
  background: var(--flinks-blue);
  color: #fff;
  box-shadow: 0 7px 17px rgba(39, 94, 254, 0.17);
}

.wp-site-blocks .wp-element-button:hover,
.wp-site-blocks .wp-block-button__link:hover {
  background: var(--flinks-blue-dark);
  color: #fff;
}

.wp-site-blocks .wp-block-query,
.wp-site-blocks .wp-block-post-template {
  gap: 1.5rem;
}

.wp-site-blocks .wp-block-post {
  border-bottom: 1px solid var(--flinks-border);
  padding-bottom: 1.5rem;
}

.wp-site-blocks .wp-block-post-date,
.wp-site-blocks .wp-block-post-excerpt__excerpt,
.wp-site-blocks .wp-block-post-author-name {
  color: var(--flinks-muted);
}

.wp-site-blocks header.wp-block-template-part {
  border-bottom: 1px solid #12365e;
  background: var(--flinks-navy-deep) !important;
  color: #fff;
}

.wp-site-blocks header.wp-block-template-part a,
.wp-site-blocks header.wp-block-template-part .wp-block-site-title a,
.wp-site-blocks header.wp-block-template-part .wp-block-navigation-item__content {
  color: #fff !important;
}

.wp-site-blocks header.wp-block-template-part a:hover,
.wp-site-blocks header.wp-block-template-part .wp-block-navigation-item__content:hover {
  color: #69d7c7 !important;
}

.wp-site-blocks footer.wp-block-template-part {
  background: var(--flinks-navy-deep) !important;
  color: #fff;
}

.wp-site-blocks footer.wp-block-template-part a {
  color: #69d7c7;
}

.wp-site-blocks .wp-block-quote {
  border-left-color: var(--flinks-teal);
  color: var(--flinks-navy);
}