/*
Theme Name: TechTide
Theme URI: https://techtidesolutions.com
Author: TechTide Solutions
Description: Custom lightweight theme for TechTide Solutions.
Version: 1.0
Text Domain: techtide
*/

/* ===== Brand tokens ===== */
:root{
  --tt-bg:#ffffff;
  --tt-bg-soft:#f7f7f8;
  --tt-ink:#0a0a0a;
  --tt-ink-soft:#52525b;
  --tt-line:#e6e6e9;
  --tt-accent:#f55d2d;
  --tt-accent-ink:#c8410f;

  /* DM Sans dùng cho cả display + body (giống cách Parse dùng 1 họ) */
  --tt-font-display:'DM Sans', system-ui, -apple-system, sans-serif;
  --tt-font-body:'DM Sans', system-ui, -apple-system, sans-serif;
  --tt-font-mono:ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;

  --tt-maxw:1200px;
  --tt-maxw-narrow:760px;
  --tt-radius:14px;
}

/* ===== Base ===== */
*,*::before,*::after{ box-sizing:border-box; }
html{ -webkit-text-size-adjust:100%; scroll-behavior:smooth; }
body{
  margin:0;
  font-family:var(--tt-font-body);
  font-size:1.0625rem;
  line-height:1.65;
  color:var(--tt-ink);
  background:var(--tt-bg);
  -webkit-font-smoothing:antialiased;
}
img{ max-width:100%; height:auto; display:block; }
a{ color:var(--tt-accent-ink); text-decoration:none; }
h1,h2,h3,h4,h5,h6{ font-family:var(--tt-font-display); color:var(--tt-ink); line-height:1.15; }
/* Chữ bôi đậm (strong/b) trong heading KHÔNG dày thêm — giữ đúng weight của heading */
h1 strong, h2 strong, h3 strong, h4 strong,
h1 b, h2 b, h3 b, h4 b{ font-weight:inherit; }

/* ===== Kiểu tiêu đề theo ngữ cảnh (DM Sans — nét nhẹ, thanh thoát kiểu Parse) =====
   PAGE/HOME → marketing, đậm vừa (600), KHÔNG dùng 900 nặng nữa.
   POST (mọi post type) → editorial, dễ đọc. */
.page h1, .page h2,
.home h1, .home h2{
  font-weight:600;
  letter-spacing:-0.01em;
  line-height:1.12;
}
.single h1, .single h2, .single h3{
  font-weight:600;
  letter-spacing:normal;
  line-height:1.3;
}
/* Body bài viết — 18px, dễ đọc, mực mềm hơn (#2c2c2c) */
.single p, .single li{ font-size:1.125rem; line-height:1.6; color:#2c2c2c; }

.tt-container{ max-width:var(--tt-maxw); margin-inline:auto; padding-inline:clamp(1.25rem,4vw,2.5rem); }

@media (prefers-reduced-motion: reduce){
  *,*::before,*::after{ animation-duration:.01ms!important; transition-duration:.01ms!important; scroll-behavior:auto!important; }
}