/*
Theme Name: Danara Life
Template: generatepress
Description: GeneratePress child theme for life.danara.vn ("Sống ở Đà Nẵng") using the Danara design tokens (rentals.danara.vn app/globals.css).
Version: 1.0.0
Text Domain: danara-life
*/

/* Danara design tokens — keep in sync with danara-vn/dana.rentals/rentals.danara.vn/app/globals.css */
:root {
  --milk: #F8F7F5;
  --ink: #181614;
  --gold: #C8A252;
  --gold-text: #8A7028;
  --gold-hover: #B8923F;
  --gold-soft: #F3EAD4;
  --muted: #5C5854;
  --muted-light: #8A8680;
  --border: rgba(24, 22, 20, 0.12);
  --border-strong: rgba(24, 22, 20, 0.25);
  --surface: #FFFFFF;
  --teal: #4A6350;
  --teal-soft: #E4EAE1;
  --container: 80rem;
  --measure-reading: 48rem;
  --radius: 0px;
  --ease: 0.25s cubic-bezier(0.2, 0.8, 0.2, 1);
  --shadow-dropdown: 0 24px 64px rgba(24, 22, 20, 0.12);
  --font: 'Be Vietnam Pro', system-ui, sans-serif;
}

body, button, input, select, textarea {
  font-family: var(--font);
  color: var(--ink);
  background-color: var(--milk);
  font-weight: 400;
}
h1, h2, h3, h4, h5, h6, .entry-title, .site-title { font-family: var(--font); font-weight: 500; color: var(--ink); letter-spacing: -0.01em; }
a { color: var(--gold-text); transition: color var(--ease); }
a:hover, a:focus { color: var(--ink); }
.site-header, .main-navigation, .main-navigation ul ul, .site-footer, .footer-widgets { background: var(--milk); }
.site-header { border-bottom: 1px solid var(--border); }
.main-navigation .main-nav ul li a { color: var(--ink); font-weight: 400; }
.main-navigation .main-nav ul li:hover > a, .main-navigation .main-nav ul li.current-menu-item > a { color: var(--gold-text); background: transparent; }
.main-navigation ul ul { box-shadow: var(--shadow-dropdown); border: 1px solid var(--border); }
.inside-article, .comments-area, .sidebar .widget, .page-header { background: var(--surface); border: 1px solid var(--border); border-radius: var(--radius); }
.separate-containers .inside-article, .separate-containers .comments-area, .separate-containers .page-header { box-shadow: none; }
.entry-meta, .entry-meta a, .site-info, .site-info a, .widget-title + * { color: var(--muted); }
.entry-content, .inside-article p { line-height: 1.75; }
.grid-container, .site-content { max-width: var(--container); }
.single .entry-content, .page .entry-content { max-width: var(--measure-reading); }
button, html input[type="button"], input[type="reset"], input[type="submit"], a.button, a.wp-block-button__link:not(.has-background) {
  background: var(--ink); color: var(--milk); border: 0; border-radius: var(--radius); transition: background var(--ease);
}
button:hover, input[type="submit"]:hover, a.button:hover, a.wp-block-button__link:not(.has-background):hover { background: var(--gold); color: var(--ink); }
input[type="text"], input[type="email"], input[type="url"], input[type="search"], textarea, select { border: 1px solid var(--border-strong); border-radius: var(--radius); background: var(--surface); }
input:focus, textarea:focus { border-color: var(--gold); outline: 0; }
.cat-links a, .tags-links a { background: var(--gold-soft); color: var(--gold-text); padding: 2px 10px; border-radius: var(--radius); font-size: 0.8125rem; }
.site-logo img, .custom-logo { max-height: 44px; width: auto; }
.site-branding .main-title { font-size: 1.25rem; }
.danara-note { border-left: 3px solid var(--gold); background: var(--gold-soft); padding: 1rem 1.25rem; margin: 1.5rem 0; }
.danara-rent-cta { background: var(--ink); color: var(--milk); padding: 1.5rem; margin: 2rem 0; }
.danara-rent-cta a { color: var(--gold); }

/* Layout polish */
h1, .entry-title { font-size: 2.25rem; line-height: 1.2; }
h2 { font-size: 1.5rem; line-height: 1.3; }
h3 { font-size: 1.25rem; }
.widget-title { font-size: 1.1rem; }
.main-navigation .main-nav ul li a { padding-left: 14px; padding-right: 14px; font-size: 0.9375rem; }
.wp-block-search__button, .wp-block-search .wp-block-search__button { background: var(--ink); color: var(--milk); border-radius: var(--radius); }
.site-footer .site-info { background: var(--milk); }
.footer-bar { border-top: 1px solid var(--border); }
.danara-hero { padding: 3rem 0 2rem; max-width: var(--measure-reading); }
.danara-hero h1 { font-size: 2.5rem; font-weight: 300; }
.danara-cats { display: grid; grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); gap: 1rem; margin: 2rem 0; }
.danara-cats a { display: block; background: var(--surface); border: 1px solid var(--border); padding: 1.25rem; color: var(--ink); text-decoration: none; transition: border-color var(--ease); }
.danara-cats a:hover { border-color: var(--gold); }
.danara-cats strong { display: block; margin-bottom: .25rem; }
.danara-cats span { color: var(--muted); font-size: .875rem; }
@media (max-width: 768px) { h1, .entry-title, .danara-hero h1 { font-size: 1.75rem; } }
.home .entry-header { display: none; }
.home .entry-content { max-width: none; }
.home .danara-cats { grid-template-columns: repeat(3, 1fr); }
@media (max-width: 768px) { .home .danara-cats { grid-template-columns: 1fr; } }