/* PortugalHealing — Design System
   Tokens only: palette, spacing, type scale, 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");
}

:root{
  /* Container */
  --ph-container:1120px;
  --ph-gutter:clamp(18px,3vw,32px);

  /* Palette (eco / hospitality) */
  --ph-color-bg:#fbfaf7;
  --ph-color-surface:#ffffff;
  --ph-color-surface-2:#f4f2ee;
  --ph-color-text:#0b0f0d;
  --ph-color-muted:#445a55;
  --ph-color-border:rgba(11,15,13,.12);
  --ph-color-brand:#0f766e;
  --ph-color-brand-2:#14b8a6;
  --ph-color-accent:#c6a56a;

  /* 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-display:var(--ph-font-sans);

  /* Fluid type scale (Utopia-ish steps) */
  --ph-step--1:clamp(.86rem,.82rem + .2vw,.95rem);
  --ph-step-0:clamp(1rem,.96rem + .25vw,1.1rem);
  --ph-step-1:clamp(1.1rem,1.02rem + .45vw,1.35rem);
  --ph-step-2:clamp(1.35rem,1.18rem + 1vw,1.9rem);
  --ph-step-3:clamp(1.8rem,1.4rem + 2vw,2.8rem);
  --ph-step-4:clamp(2.5rem,1.8rem + 3.2vw,4.25rem);

  --ph-leading-body:1.65;
  --ph-leading-tight:1.05;
  --ph-tracking-tight:-.03em;
  --ph-tracking-wide:.14em;

  /* Spacing (4px base + section spacers) */
  --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:48px;
  --ph-space-8:64px;
  --ph-space-9:96px;
  --ph-space-10:128px;

  --ph-section-y:clamp(56px,7vw,112px);
  --ph-section-y-sm:clamp(44px,5.5vw,84px);

  /* Radii + shadows */
  --ph-radius-1:12px;
  --ph-radius-2:18px;
  --ph-radius-3:26px;
  --ph-radius-round:999px;
  --ph-shadow-1:0 12px 30px rgba(2,6,23,.08);
  --ph-shadow-2:0 24px 70px rgba(2,6,23,.18);

  /* Back-compat aliases (existing theme/plugin styles) */
  --ph-bg:var(--ph-color-bg);
  --ph-surface:var(--ph-color-surface);
  --ph-surface-2:var(--ph-color-surface-2);
  --ph-text:var(--ph-color-text);
  --ph-muted:var(--ph-color-muted);
  --ph-border:var(--ph-color-border);
  --ph-brand:var(--ph-color-brand);
  --ph-brand-2:var(--ph-color-brand-2);
  --ph-accent:var(--ph-color-accent);
  --ph-max:var(--ph-container);
  --ph-radius:var(--ph-radius-2);
  --ph-shadow:var(--ph-shadow-1);
  --ph-font:var(--ph-font-sans);
}

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