/*
 * MARRAKECH MEDIA — FOUNDATION TOKENS
 * Single source of truth for shared geometry and motion.
 */
:root {
  /* Runtime geometry — written by home-foundation.js */
  --home-viewport-width: 100vw;
  --home-viewport-height: 100svh;
  --home-header-top: 0px;
  --home-header-height: 0px;
  --home-header-bottom: 0px;
  --home-logo-width: 0px;
  --home-logo-height: 0px;
  --home-logo-bottom: 0px;
  --home-actions-height: 0px;
  --home-actions-bottom: 0px;
  --home-content-top: 0px;
  --home-hero-height: 100svh;
  --home-section-height: 100svh;

  /* Safe areas */
  --home-safe-top: env(safe-area-inset-top, 0px);
  --home-safe-right: env(safe-area-inset-right, 0px);
  --home-safe-bottom: env(safe-area-inset-bottom, 0px);
  --home-safe-left: env(safe-area-inset-left, 0px);

  /* Shared spacing */
  --home-safe-inline: clamp(12px, 2.4vw, 42px);
  --home-safe-block: clamp(10px, 2vh, 28px);

  /* Shared interaction language */
  --home-radius-sm: 8px;
  --home-radius-md: 12px;
  --home-radius-lg: 18px;
  --home-motion-fast: 180ms;
  --home-motion-normal: 320ms;
  --home-motion-section: 560ms;
  --home-ease-standard: cubic-bezier(.22, .8, .24, 1);
  --home-ease-soft: cubic-bezier(.2, .7, .2, 1);

  /* Official breakpoints, documented for CSS/JS coordination */
  --home-bp-mobile-s: 374px;
  --home-bp-mobile: 767px;
  --home-bp-tablet: 1023px;
  --home-bp-laptop: 1365px;
  --home-bp-desktop: 1919px;

  /* Compatibility aliases used by inherited CSS during progressive migration */
  --runtime-header-bottom: var(--home-header-bottom);
  --runtime-content-top: var(--home-content-top);
  --runtime-screen-height: var(--home-section-height);
}