6 Commits

Author SHA1 Message Date
6d87237fda Update theme style 2026-06-26 20:17:24 +00:00
ccee5f6730 Update theme style 2026-06-26 20:17:16 +00:00
9cc9dbf373 Update theme style 2026-06-26 20:17:08 +00:00
628196dd38 Update theme style 2026-06-26 20:17:00 +00:00
44ca4dc56c Update theme style 2026-06-26 20:16:29 +00:00
0110e1aa7e Update theme style 2026-06-26 20:16:23 +00:00

View File

@@ -16,7 +16,7 @@
--background-accent: #8b6914;
/* @layout/border-radius/rounded */
--radius: 1.5rem;
--radius: 0.5rem;
/* @layout/content-width/medium */
--width-content-width: clamp(40rem, 72.5vw, 100rem);
@@ -158,29 +158,21 @@ h6 {
.card {
/* WEBILD_CARD_STYLE */
/* @cards/glass-elevated */
backdrop-filter: blur(8px);
background: linear-gradient(to bottom right, color-mix(in srgb, var(--color-card) 80%, transparent), color-mix(in srgb, var(--color-card) 40%, transparent));
box-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
border: 1px solid var(--color-card);
/* @cards/elevated-border */
background: linear-gradient(180deg, color-mix(in srgb, var(--color-card) 100%, var(--color-foreground) 3%) 0%, var(--color-card) 100%);
box-shadow: 0 1px 0 0 color-mix(in srgb, var(--color-foreground) 8%, transparent), 0 4px 6px -1px color-mix(in srgb, var(--color-foreground) 5%, transparent), 0 10px 15px -3px color-mix(in srgb, var(--color-foreground) 4%, transparent);
border: 1px solid color-mix(in srgb, var(--color-foreground) 6%, transparent);
}
.primary-button {
/* WEBILD_PRIMARY_BUTTON */
/* @primaryButtons/radial-glow */
background:
radial-gradient(circle at 0% 0%, color-mix(in srgb, var(--color-background) 32.5%, transparent) 0%, transparent 45%),
radial-gradient(circle at 100% 100%, color-mix(in srgb, var(--color-background) 32.5%, transparent) 0%, transparent 45%),
var(--color-primary-cta);
box-shadow: 2.10837px 3.16256px 9.48767px color-mix(in srgb, var(--color-accent) 30%, transparent);
/* @primaryButtons/neon-outline */
background: var(--color-primary-cta);
box-shadow: 0 0 5px color-mix(in srgb, var(--color-accent) 50%, transparent), 0 0 15px color-mix(in srgb, var(--color-accent) 30%, transparent), 0 0 30px color-mix(in srgb, var(--color-accent) 15%, transparent), inset 0 0 8px color-mix(in srgb, var(--color-accent) 10%, transparent);
}
.secondary-button {
/* WEBILD_SECONDARY_BUTTON */
/* @secondaryButtons/radial-glow */
background:
radial-gradient(circle at 0% 0%, color-mix(in srgb, var(--color-accent) 15%, transparent) 0%, transparent 40%),
radial-gradient(circle at 100% 100%, color-mix(in srgb, var(--color-accent) 15%, transparent) 0%, transparent 40%),
var(--color-secondary-cta);
box-shadow: 2.10837px 3.16256px 9.48767px color-mix(in srgb, var(--color-accent) 10%, transparent);
/* @secondaryButtons/solid */
background: var(--color-secondary-cta);
}