/*
Theme Name: DriverLog Blog
Template: twentytwentyfive
Description: DriverLog brand child theme for the blog subdomain (blog.driverlog.link). Applies brand red CI palette on top of Twenty Twenty-Five.
Author: DriverLog
Version: 1.0.0
Text Domain: driverlog-blog
*/

:root {
  --dl-red: #D0021B;
  --dl-red-dark: #A80016;
  --dl-red-mid: #E8344A;
  --dl-red-light: #FDECEA;
  --dl-bg: #F2F2F7;
  --dl-card: #FFFFFF;
  --dl-border: #E5E5EA;
  --dl-text: #1C1C1E;
  --dl-text2: #3C3C43;
  --dl-text3: #8E8E93;
}

body {
  background: var(--dl-bg);
  color: var(--dl-text);
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans Thai', sans-serif;
}

a { color: var(--dl-red); }
a:hover { color: var(--dl-red-dark); }

.wp-site-blocks header.wp-block-template-part,
.site-header,
.wp-block-site-title a {
  color: var(--dl-text);
}

.wp-block-site-title a { font-weight: 700; letter-spacing: -0.5px; }

.wp-block-post-title a { color: var(--dl-text); }
.wp-block-post-title a:hover { color: var(--dl-red); }

.wp-block-button__link,
button, input[type="submit"] {
  background: var(--dl-red);
  border-radius: 10px;
  color: #fff;
}
.wp-block-button__link:hover { background: var(--dl-red-dark); }

.entry-footer, .wp-block-post-date, .wp-block-post-terms {
  color: var(--dl-text3);
}

::selection { background: var(--dl-red-light); color: var(--dl-red-dark); }

.wp-block-navigation a { color: var(--dl-text2); }
.wp-block-navigation a:hover { color: var(--dl-red); }