/* PortugalHealing — tokens.css
   Design tokens only: palette, spacing, typography, radii, shadows. */

@font-face{
  font-family:"Inter";
  font-style:normal;
  font-weight:100 900;
  font-display:swap;
  src:url("../fonts/inter-latin-variable.woff2") format("woff2");
}

@font-face{
  font-family:"Fraunces";
  font-style:normal;
  font-weight:100 900;
  font-display:swap;
  src:url("../fonts/fraunces-latin-variable.woff2") format("woff2");
}

:root{
  /* Container */
  --ph-container:1120px;
  --ph-container-wide:1240px;
  --ph-gutter:16px;

  /* Spacing scale */
  --ph-space-0:0;
  --ph-space-1:4px;
  --ph-space-2:8px;
  --ph-space-3:12px;
  --ph-space-4:16px;
  --ph-space-5:24px;
  --ph-space-6:32px;
  --ph-space-7:40px;
  --ph-space-8:56px;
  --ph-space-9:72px;
  --ph-space-10:96px;

  --ph-section-y:clamp(56px,6vw,96px);
  --ph-section-y-sm:clamp(40px,4.5vw,72px);

  /* Radii */
  --ph-radius-btn:12px;
  --ph-radius-card:16px;
  --ph-radius-round:999px;

  /* Palette */
  --ph-bg:#fbfaf7;
  --ph-card:#ffffff;
  --ph-card-2:#f4f2ee;
  --ph-text:#0b0f0d;
  --ph-muted:#445a55;
  --ph-border:rgba(11,15,13,.12);
  --ph-accent:#0f766e; /* deep green */
  --ph-accent-2:#0b5c56;
  --ph-accent-soft:rgba(15,118,110,.10);

  /* Shadows */
  --ph-shadow-sm:0 10px 24px rgba(2,6,23,.08);
  --ph-shadow-md:0 24px 70px rgba(2,6,23,.16);

  /* Typography */
  --ph-font-sans:"Inter",ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,"Apple Color Emoji","Segoe UI Emoji";
  --ph-font-serif:"Fraunces",ui-serif,Georgia,serif;
  --ph-font-body:var(--ph-font-sans);
  --ph-font-display:var(--ph-font-serif);

  --ph-body:clamp(16px,1.1vw,18px);
  --ph-h1:clamp(40px,4.2vw,60px);
  --ph-h2:clamp(28px,3vw,42px);
  --ph-h3:clamp(22px,1.9vw,24px);
  --ph-small:clamp(13px,.95vw,14px);

  --ph-leading-body:1.6;
  --ph-leading-tight:1.06;
  --ph-leading-title:1.08;
  --ph-tracking-tight:-.02em;
  --ph-tracking-wide:.14em;

  --ph-text-max:70ch;

  /* Focus */
  --ph-focus:0 0 0 4px rgba(15,118,110,.18);

  /* Back-compat aliases (theme/plugin styles) */
  --ph-surface:var(--ph-card);
  --ph-surface-2:var(--ph-card-2);
  --ph-brand:var(--ph-accent);
  --ph-brand-2:var(--ph-accent-2);
  --ph-shadow:var(--ph-shadow-sm);
  --ph-max:var(--ph-container);
  --ph-font:var(--ph-font-body);

  --ph-radius-1:12px;
  --ph-radius-2:var(--ph-radius-card);
  --ph-radius-3:24px;

  /* Legacy fluid steps used by the booking plugin */
  --ph-step--1:var(--ph-small);
  --ph-step-0:var(--ph-body);
  --ph-step-1:clamp(18px,1.25vw,20px);
  --ph-step-2:var(--ph-h2);
  --ph-step-3:clamp(32px,3.2vw,48px);
  --ph-step-4:var(--ph-h1);
}

@media (min-width: 768px){
  :root{--ph-gutter:24px;}
}

@media (prefers-reduced-motion: reduce){
  :root{scroll-behavior:auto}
}