/* R19: single source for the public PDS palette, type and layout.
   Management keeps css/tokens.css. Legacy component names are aliases only. */
:root {
  --font-interface:Manrope, sans-serif;
  --font-editorial:'Bodoni Moda', Georgia, serif;
  --type-caption:12px; --type-small:14px; --type-body:16px; --type-lead:18px;
  --type-card:24px; --type-subheading:32px;
  --type-heading:clamp(32px,3.4vw,48px); --type-display:clamp(48px,5.4vw,72px);
  --content-width:1280px; --page-gutter:40px; --header-height:92px;
  --dock-space:calc(88px + env(safe-area-inset-bottom));
  --space-1:4px; --space-2:8px; --space-3:12px; --space-4:16px;
  --space-5:20px; --space-6:24px; --space-8:32px; --space-12:48px;
  --space-16:64px; --space-20:80px;
  --ease-out:cubic-bezier(.2,.8,.2,1);
  --motion-fast:160ms; --motion-base:260ms; --motion-editorial:600ms;
}
body.storefront {
  /* R25: official turquoise/yellow. Dark turquoise keeps body text readable. */
  --brand-turquoise:#00aca9; --brand-palm:#5ebfbc; --brand-yellow:#fec800;
  --paper:#f6f7f2; --campaign:#e5f2ef; --forest:#075b62; --muted:#476a6d; --line:#c4d9d6;
  --gold:var(--brand-yellow); --accent:var(--brand-yellow); --commerce-surface:#e9f1ee;
  --heading:var(--font-editorial); --display-weight:500;
  --sand-50:var(--paper); --ivory-0:var(--paper); --sand-200:var(--line);
  --ink-900:var(--forest); --ink-600:var(--muted); --copper-600:var(--forest);
  --terracotta-500:var(--forest); --bronze-300:var(--gold);
  --beige-100:var(--paper); --brown-700:var(--forest); --offwhite:var(--paper);
  --success-700:#226343; --danger-700:#a03232; --warning-700:#785014;
  --radius-card:2px; --radius-input:2px;
  --focus-ring:0 0 0 3px var(--paper),0 0 0 6px var(--forest);
  --shadow-card:0 12px 36px rgb(18 60 46 / 7%);
  --shadow-soft:0 5px 22px rgb(18 60 46 / 8%);
  --shadow-float:0 26px 64px -28px rgb(18 60 46 / 38%);
}
body.storefront.style-resort { --paper:#f4f1e8; --campaign:#e8eeea; }
body.storefront.style-mar { --paper:#f0f6f4; --campaign:#06464e; }
body.storefront.style-galeria { --paper:#f7f8f3; --campaign:#e5f2ef; }
@media(max-width:700px) { :root { --page-gutter:20px; --header-height:86px; } }