/*
Theme Name: Mẫu Chữ Ký
Theme URI: https://mauchuky.com/
Author: Đội ngũ Kỹ sư Chữ Ký Đẹp
Author URI: https://mauchuky.com/
Description: Theme WordPress chuyên biệt tạo chữ ký online theo tên, vẽ chữ ký tay Canvas mượt mà, studio tùy biến xuất ảnh PNG trong suốt / Vector SVG, tạo kiểu chữ đẹp kí tự đặc biệt, tra cứu chữ ký phong thủy ngũ hành, ký tài liệu PDF và tạo chữ ký email doanh nhân. Thiết kế chuẩn SEO 100%, tốc độ tải trang siêu tốc, tương thích hoàn hảo mọi thiết bị di động.
Version: 2.0.0
Tested up to: 6.8
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: mauchuky
Tags: signature-maker, typography, responsive-layout, custom-colors, full-width-template, translation-ready, seo-friendly
*/

/* CSS Reset & Variables */
:root {
  --primary-color: #0f626d;
  --primary-hover: #073f47;
  --primary-light: #167a87;
  --dark-teal: #14282a;
  --accent-gold: #d97706;
  --accent-blue: #0284c7;
  --text-main: #0a0f1d;
  --text-muted: #1e293b;
  --bg-light: #f8fafc;
  --bg-gray: #f1f5f9;
  --border-color: #94a3b8;
  --border-dark: #475569;
  --white: #ffffff;
  --shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.08);
  --shadow-md: 0 4px 16px rgba(0, 0, 0, 0.12);
  --shadow-lg: 0 10px 30px rgba(0, 0, 0, 0.15);
  --radius-sm: 6px;
  --radius-md: 12px;
  --radius-lg: 20px;
  --radius-full: 9999px;
  --font-body: 'Be Vietnam Pro', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
  --font-heading: 'Be Vietnam Pro', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
  --container-width: 1284px;
}

*, *::before, *::after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  outline: none;
}

html, body {
  font-family: var(--font-body);
  font-size: 16px;
  font-weight: 500;
  line-height: 1.65;
  color: var(--text-main);
  background-color: var(--white);
  overflow-x: hidden;
  -webkit-font-smoothing: subpixel-antialiased;
  -moz-osx-font-smoothing: auto;
  text-rendering: geometricPrecision;
}

p, li, span, label, input, button, select, textarea {
  color: #0a0f1d;
  text-rendering: geometricPrecision;
}

p {
  font-weight: 500;
  line-height: 1.7;
}

h1, h2, h3, h4, h5, h6 {
  font-family: var(--font-heading);
  color: #07383f;
  font-weight: 800;
  letter-spacing: -0.01em;
}

img {
  max-width: 100%;
  height: auto;
  display: block;
}

a {
  color: var(--primary-color);
  text-decoration: none;
  transition: all 0.2s ease;
}

a:hover {
  color: var(--primary-hover);
  text-decoration: underline;
}

ul, ol {
  list-style: none;
}

button, input, select, textarea {
  font-family: inherit;
  font-size: 1rem;
  font-weight: 600;
}

.container {
  width: 100%;
  max-width: var(--container-width);
  margin-left: auto;
  margin-right: auto;
  padding-left: 20px;
  padding-right: 20px;
}

.wf100 {
  width: 100%;
  float: left;
}

.clearfix::after {
  content: "";
  display: table;
  clear: both;
}