From 9eb7e077eca35d6c470680896fbefe394f2f5896 Mon Sep 17 00:00:00 2001
From: Vadym Samoilenko <vadymsamoilenko@oliver.agency>
Date: Wed, 13 May 2026 10:56:52 +0100
Subject: [PATCH] feat(styles): add spacing scale comment and skeleton shimmer
 keyframes

---
 web/src/styles/globals.css | 23 +++++++++++++++++++++++
 1 file changed, 23 insertions(+)

diff --git a/web/src/styles/globals.css b/web/src/styles/globals.css
index 84b5ed5..2b9afca 100644
--- a/web/src/styles/globals.css
+++ b/web/src/styles/globals.css
@@ -157,4 +157,27 @@
     from { opacity: 0; transform: translateY(12px); }
     to   { opacity: 1; transform: translateY(0); }
   }
+
+  /* ── Spacing rhythm ─────────────────────────────────────────────────
+   *   gap-4  (16px) — inside cards/forms
+   *   gap-6  (24px) — between cards in a grid
+   *   gap-8  (32px) — between page sections
+   *   py-12  (48px) — page-top padding
+   * ────────────────────────────────────────────────────────────────── */
+
+  @keyframes shimmer {
+    0%   { background-position: -1000px 0; }
+    100% { background-position:  1000px 0; }
+  }
+
+  .skeleton-shimmer {
+    background: linear-gradient(
+      90deg,
+      hsl(var(--muted))  0%,
+      hsl(var(--accent)) 50%,
+      hsl(var(--muted))  100%
+    );
+    background-size: 1000px 100%;
+    animation: shimmer 1.6s linear infinite;
+  }
 }