/* ==========================================================================
PattayaHomes — shared design tokens + base
Extracted verbatim from the homepage. Every public page loads this first,
so colours, fonts and the container are identical across the whole site.
Load order on each page: tokens.css → shell.css → (page-specific styles)
========================================================================== */
:root{
/* Type */
--display:'Plus Jakarta Sans',system-ui,sans-serif;
/* Brand + ink */
--brand:#AD3D41;
--brand-dark:#8E3034;
--ink:#1B1714;
/* Surfaces */
--paper:#F5F3F0;
--card:#fff;
--line:#E7E2DC;
--sand:#EEE8E1;
/* Text + accents */
--muted:#81786F;
--green:#4F7A5A;
--green-soft:#EAF4EC;
/* Elevation */
--shadow:0 18px 50px rgba(27,23,20,.08);
/* Sticky header height — referenced by anchor-scroll offset in shell.js */
--sticky-header-height:82px;
}
@media (max-width:620px){
:root{ --sticky-header-height:66px; }
}
/* Base reset */
*{ box-sizing:border-box; }
html{ scroll-behavior:smooth; }
body{
margin:0;
background:var(--paper);
color:var(--ink);
font-family:Inter,system-ui,sans-serif;
overflow-x:clip;
-webkit-text-size-adjust:100%;
text-size-adjust:100%;
}
a{ color:inherit; }
button,input,select,textarea{ font:inherit; }
/* Shared page container */
.shell{
max-width:1180px;
margin:auto;
padding-left:18px;
padding-right:18px;
}
@media(max-width:620px){
.shell{ padding-left:14px; padding-right:14px; }
}
/* Shared fonts — load once per page in :
*/