From eb13328f9a6139b9403685b3919065c91faba336 Mon Sep 17 00:00:00 2001
From: Ilia Mashkov <hikkikomori7@gmail.com>
Date: Fri, 22 May 2026 12:05:42 +0300
Subject: [PATCH] feat: add lightbox backdrop CSS and export ImageLightbox

---
 src/shared/styles/theme.css | 18 ++++++++++++++++++
 src/shared/ui/index.ts      |  2 +-
 2 files changed, 19 insertions(+), 1 deletion(-)

diff --git a/src/shared/styles/theme.css b/src/shared/styles/theme.css
index fbd5fec..60c29d6 100644
--- a/src/shared/styles/theme.css
+++ b/src/shared/styles/theme.css
@@ -154,6 +154,7 @@
 
   html {
     font-size: var(--font-size);
+    scroll-behavior: smooth;
   }
 
   body {
@@ -417,8 +418,25 @@
 /* Keep footer above sliding section-body during view transitions */
 .footer-vt {
   view-transition-name: site-footer;
+  animation: footer-enter var(--duration-slow) var(--ease-spring) both;
+}
+
+@keyframes footer-enter {
+  from {
+    opacity: 0;
+    transform: translateY(100%);
+  }
+  to {
+    opacity: 1;
+    transform: translateY(0);
+  }
 }
 
 ::view-transition-group(site-footer) {
   z-index: 10;
 }
+
+/* Lightbox dialog backdrop */
+dialog.lightbox::backdrop {
+  background-color: rgba(4, 28, 243, 0.25);
+}
diff --git a/src/shared/ui/index.ts b/src/shared/ui/index.ts
index 401c379..1f2e162 100644
--- a/src/shared/ui/index.ts
+++ b/src/shared/ui/index.ts
@@ -4,7 +4,7 @@ export type { ButtonSize, ButtonVariant } from './Button';
 export { Button } from './Button';
 export type { CardBackground } from './Card';
 export { Card, CardContent, CardDescription, CardFooter, CardHeader, CardSidebar, CardTitle } from './Card';
-
+export { ImageLightbox } from './ImageLightbox';
 export { InlineSvg } from './InlineSvg';
 export { Input, Textarea } from './Input';
 export type { LinkVariant } from './Link';