/* PortugalHealing — base.css
   Base element styles + typography defaults (no layout/components). */

*,
*::before,
*::after{box-sizing:border-box}

html{scroll-behavior:smooth}

body{
  margin:0;
  font-family:var(--ph-font-body);
  font-size:var(--ph-body);
  line-height:var(--ph-leading-body);
  color:var(--ph-text);
  background:var(--ph-bg);
  text-rendering:optimizeLegibility;
  -webkit-font-smoothing:antialiased;
  overflow-x:hidden;
}

img,
video{
  max-width:100%;
  height:auto;
}

a{
  color:var(--ph-accent);
  text-decoration-thickness:.12em;
  text-underline-offset:.2em;
}
a:hover{color:var(--ph-accent-2)}

:focus-visible{
  outline:none;
  box-shadow:var(--ph-focus);
  border-radius:var(--ph-radius-btn);
}

button,
input,
select,
textarea{
  font:inherit;
  color:inherit;
}

h1,
h2,
h3{
  font-family:var(--ph-font-display);
  font-weight:550;
  letter-spacing:var(--ph-tracking-tight);
}

h1{font-size:var(--ph-h1);line-height:var(--ph-leading-tight)}
h2{font-size:var(--ph-h2);line-height:var(--ph-leading-title)}
h3{font-size:var(--ph-h3);line-height:1.25}

strong{font-weight:700}

.ph-sr-only{
  position:absolute;
  width:1px;
  height:1px;
  padding:0;
  margin:-1px;
  overflow:hidden;
  clip:rect(0,0,0,0);
  white-space:nowrap;
  border:0;
}

.ph-skip-link{
  position:absolute;
  left:-9999px;
  top:auto;
  width:1px;
  height:1px;
  overflow:hidden;
}
.ph-skip-link:focus{
  left:16px;
  top:16px;
  width:auto;
  height:auto;
  background:#fff;
  color:#000;
  padding:10px 12px;
  border-radius:var(--ph-radius-btn);
  z-index:9999;
  box-shadow:var(--ph-shadow-sm);
}