/*
Theme Name: Tran Toan Psy - Flatsome Child
Theme URI: https://trantoanpsy.com
Description: Child theme toàn diện cho Trần Toàn Psy — Psychology Content Creator. Việt Nam-first, mobile-first, tối ưu SEO, hiệu năng, accessibility, bài Test Tâm Lý, sản phẩm số, đề xuất và nền tảng tuân thủ.
Author: Tran Toan
Author URI: https://trantoanpsy.com
Template: flatsome
Version: 2.0.0-rc7.7
Requires at least: 6.4
Requires PHP: 7.4
Text Domain: tran-toan-psy
*/

:root {
  --ttp-primary: #2F6662;
  --ttp-primary-hover: #255652;
  --ttp-primary-soft: #DDEBE8;
  --ttp-aqua: #8EC9C4;
  --ttp-accent: #7B6EE6;
  --ttp-accent-soft: #EEEAFB;
  --ttp-ink: #263331;
  --ttp-muted: #66716F;
  --ttp-soft-text: #838B89;
  --ttp-bg: #F7F4EF;
  --ttp-surface: #FDFCF9;
  --ttp-surface-alt: #EEF5F2;
  --ttp-line: #DDDCD6;
  --ttp-line-soft: #EAE8E2;
  --ttp-success: #356E58;
  --ttp-warning: #8A6834;
  --ttp-danger: #9A4C4C;
  --ttp-font-sans: "Be Vietnam Pro", "Inter", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --ttp-radius-sm: 10px;
  --ttp-radius-md: 16px;
  --ttp-radius-lg: 24px;
  --ttp-radius-xl: 32px;
  --ttp-radius-pill: 999px;
  --ttp-shadow-soft: 0 14px 40px rgba(38, 51, 49, .07);
  --ttp-shadow-card: 0 22px 70px rgba(38, 51, 49, .09);
  --ttp-container: 1240px;
  --ttp-reading: 760px;
  --ttp-gutter: 20px;
  --ttp-section: clamp(64px, 9vw, 128px);
}

html { scroll-behavior: smooth; }
body { color: var(--ttp-ink); background: var(--ttp-bg); font-family: var(--ttp-font-sans); text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; }
body, button, input, select, textarea { font-family: var(--ttp-font-sans); }
h1,h2,h3,h4,h5,h6,.heading-font { color: var(--ttp-ink); font-family: var(--ttp-font-sans); letter-spacing: -.015em; }
p { color: var(--ttp-muted); line-height: 1.72; }
a { text-underline-offset: 3px; }
:focus-visible { outline: 3px solid rgba(47,102,98,.32); outline-offset: 3px; }

@media (max-width: 767px) { :root { --ttp-gutter: 20px; --ttp-section: 68px; } }
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *,*::before,*::after { animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; scroll-behavior: auto !important; }
}