/* ===========================================================
   TMT Design System v1.0
   Shared design tokens for TMT Core
   =========================================================== */

:root{
  /* Geometry */
  --tmt-radius:12px;
  --tmt-radius-small:8px;
  --tmt-radius-xs:6px;

  /* Spacing */
  --tmt-space:35px;
  --tmt-container:1200px;
  --tmt-gallery-gap:14px;

  /* Motion */
  --tmt-hover-lift:5px;
  --tmt-transition:320ms cubic-bezier(.22,.61,.36,1);
  --tmt-transition-fast:180ms cubic-bezier(.22,.61,.36,1);

  /* Shadows */
  --tmt-shadow:0 10px 30px rgba(0,0,0,.08);
  --tmt-shadow-hover:0 18px 46px rgba(0,0,0,.22);
  --tmt-shadow-dark:0 14px 36px rgba(0,0,0,.38);
  --tmt-shadow-dark-hover:0 22px 56px rgba(0,0,0,.58);

  /* Lightbox */
  --tmt-lightbox-bg:rgba(0,0,0,.78);
  --tmt-lightbox-z:99999;
}

html[data-tmt-theme="dark"]{
  --tmt-shadow:var(--tmt-shadow-dark);
  --tmt-shadow-hover:var(--tmt-shadow-dark-hover);
}


/* Hover System v1.0 */
:root{
  --tmt-card-transform:translateY(0);
  --tmt-card-transform-hover:translateY(calc(-1 * var(--tmt-hover-lift, 5px)));
}


/* Hover System v1.1
   Hover shadow must feel closer/deeper than normal shadow. */
:root{
  --tmt-shadow:0 10px 30px rgba(0,0,0,.08);
  --tmt-shadow-hover:0 18px 46px rgba(0,0,0,.22);
}
html[data-tmt-theme="dark"]{
  --tmt-shadow:0 14px 36px rgba(0,0,0,.38);
  --tmt-shadow-hover:0 22px 56px rgba(0,0,0,.58);
}