style(buttons): apply styleguide button classes across components
- Updated components to use shared .btn variants (gradient/expand/underscore types)
- Kept <a> elements as anchors (no <a> to <button> changes)
refs: #216 #238
refactor(css): change color system to dynamic HSL palette + animated gradient stops
- define base HSL hue/saturation tokens and lightness scale (l-0–l-100)
- generate neutral/primary/accent color variations from the HSL system
- map semantic tokens (background, surface, text, link, border, focus) to the new palette
- add dedicated gradient stop variables for gold/blue and rebuild 13-stop animated gradients
- update link hover color using color-mix in HSL
refs: #238 #216
refactor(css): restructure global-styles.css layout and typography tokens
- add layered CSS structure for reset, base and typography
- replace spacing tokens with a semantic scale (2xs–2xl)
- replace px in sizes into rem units
- replace hex codes with HSL notation
- rename typography tokens from h1/h2 to a more descriptive font-size scale (2xl–s)
refs: #216 #238
feat(hero): make hero layout responsive with a fixed content area
- wrap h1/h2 in .hero-title for a more stable layout
- restructure .hero to column + space-evenly on mobile and row from 700px
- give .hero-content a fixed height/space and use justify-content: space-between
- update heading typography using var(--h1) / var(--h2) and prevent text clipping
- refine .info-line spacing and add a breakpoint for taller screens
#237
style(button): add type3 underline animation and white variant
- implement ::after underline with scaleX transition for hover/focus-visible
- align arrow icon and normalize svg/img sizing for type3
- add .btn--type3-white variant for dark backgrounds
refs: #228, #216, #231
style(button): refine type3 base layout and label styling
- set type3 to inline-flex with baseline alignment and token-based gap
- remove padding and default link underline
- make .btn_label inline-block for consistent underline sizing
refs: #228 #216 #231
Merge pull request #234 from fdnd-agency/224-feature-sponser-bar-with-horizontal-scroll-animation
224 feature sponser bar with horizontal scroll animation
feat(css): add hover expand + delayed label reveal for btn--type2
- expand button dimensions and restore spacing on hover
- reveal label with max-width + fade/slide animation and a short delay
- keep label capped to 12ch to avoid oversized buttons
refs: #228, #216, #230
fix(css): prevent btn--type2 icon offset in collapsed state
- set gap to 0 and center content to keep the icon perfectly centered
- reset icon alignment and enforce fixed icon sizing for type2
refs: #230, #228, #216
fix(css): voorkom layout shift bij btn--type1 hover
- herstel --btn-font-weight naar 400
- gebruik --btn-gap i.p.v. --btn-t1-gap
- maak btn_icon vaste breedte (flex: 0 0 ...) en duw naar rechts met margin-left: auto
- laat btn_label de vrije ruimte nemen (flex: 1 1 auto; min-width: 0)
refs: #228, #216, #229
feat(styles): add CSS reset and base layout tokens
The browser’s default styling neutralize, so your UI looks consistent in Chrome/Safari/Firefox.
refs: #216
