diff --git a/src/lib/components/ui/Button.svelte b/src/lib/components/ui/Button.svelte index 3ecc04f..ae708f1 100644 --- a/src/lib/components/ui/Button.svelte +++ b/src/lib/components/ui/Button.svelte @@ -59,10 +59,10 @@ height: 36px; border-radius: 20px; border: none; - box-shadow: var(--shadow-std); + box-shadow: var(--shadow-small); font-family: 'URW Gothic', sans-serif; font-size: 0.93rem; - font-weight: 600; + font-weight: 400; letter-spacing: 0.05ch; transition: all 0.1s ease, @@ -72,6 +72,7 @@ .accent { background-color: var(--color-accent); color: var(--color-title); + font-weight: 600; } .brand { diff --git a/src/lib/global.css b/src/lib/global.css index 5b59d6c..7a7534c 100644 --- a/src/lib/global.css +++ b/src/lib/global.css @@ -55,6 +55,7 @@ /* Shadows */ --color-shadow: hsla(210, 20%, 5%, 0.35); --shadow-std: 0 4px 12px var(--color-shadow); + --shadow-small: 0 4px 6px var(--color-shadow); --shadow-up: 0 -4px 12px var(--color-shadow); --shadow-right: 4px 0 12px var(--color-shadow); }