From ccee5f67305c2d38fe37e015ba80698f307467ef Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Fri, 26 Jun 2026 20:17:16 +0000
Subject: [PATCH] Update theme style

---
 src/index.css | 15 +++++++++------
 1 file changed, 9 insertions(+), 6 deletions(-)

diff --git a/src/index.css b/src/index.css
index 938e34a..fab2399 100644
--- a/src/index.css
+++ b/src/index.css
@@ -16,7 +16,7 @@
   --background-accent: #8b6914;
 
   /* @layout/border-radius/rounded */
-  --radius: 0.5rem;
+  --radius: 9999px;
 
   /* @layout/content-width/medium */
   --width-content-width: clamp(40rem, 72.5vw, 100rem);
@@ -158,15 +158,18 @@ h6 {
 
 .card {
   /* WEBILD_CARD_STYLE */
-  /* @cards/outline */
-  background: var(--color-card);
-  border: 1px solid color-mix(in srgb, var(--color-accent) 25%, transparent);
+  /* @cards/inset */
+  background: color-mix(in srgb, var(--color-card) 95%, var(--color-accent) 5%);
+  box-shadow:
+    inset 2px 2px 4px color-mix(in srgb, var(--color-foreground) 8%, transparent),
+    inset -2px -2px 4px color-mix(in srgb, var(--color-background) 20%, transparent);
 }
 
 .primary-button {
   /* WEBILD_PRIMARY_BUTTON */
-  /* @primaryButtons/flat */
-  background: var(--color-primary-cta);
+  /* @primaryButtons/metallic */
+  background: linear-gradient(135deg, color-mix(in srgb, var(--color-primary-cta) 80%, var(--color-foreground)) 0%, var(--color-primary-cta) 25%, color-mix(in srgb, var(--color-primary-cta) 90%, var(--color-background)) 50%, var(--color-primary-cta) 75%, color-mix(in srgb, var(--color-primary-cta) 85%, var(--color-foreground)) 100%);
+  box-shadow: inset 0 1px 0 0 color-mix(in srgb, var(--color-foreground) 30%, transparent), 0 3px 8px -2px color-mix(in srgb, var(--color-background) 50%, transparent);
 }
 
 .secondary-button {