# CSS Summary: THIRD-PARTY__maurosicard-staging.webflow.shared.881d56ded.css

Source: https://cdn.prod.website-files.com/641a47d9a54ac7310fb4c357/css/maurosicard-staging.webflow.shared.881d56ded.css
Lines: 5,047
Generated: 2026-01-23 15:00:34

This summary focuses on design tokens and typography structure. It is heuristic and may omit or simplify parts of the CSS.

## Design Tokens

### Token Families (Top 20 by usage)
- neutral (103x)
- general (5x)
- accent (4x)
- secondary (2x)
- system (2x)

### Colors
- --neutral--800: #222 (used 39x)
- --neutral--600: #868686 (used 14x)
- --neutral--300: #efefef (used 13x)
- --neutral--700: #666 (used 11x)
- --neutral--400: #e7e7e7 (used 8x)
- --accent--primary-1: #4a3aff (used 4x)
- --neutral--200: #f9f9f9 (used 3x)
- --neutral--500: #c5c5c5 (used 2x)
- --secondary--color-1: #eef8ff (used 1x)
- --secondary--color-2: #f2f1ff (used 1x)
- --system--300: #ff5a65 (used 1x)
- --system--red-100: #ffeff0 (used 1x)

### Spacing
- None detected

### Radii
- None detected

### Shadows
- --general--shadow-02: #14142b14 (used 3x)
- --general--shadow-01: #1a1a1a0f (used 1x)
- --general--shadow-03: #14142b1a (used 1x)

### Typography
- None detected

### Other
- --neutral--100: white (used 13x)

## Layout & Spacing (Literal Values)

### Margin Values (Top 12)
- 10px (23)
- 16px (20)
- 8px (19)
- 24px (14)
- 32px (11)
- 20px (9)
- 12px (9)
- 48px (6)
- 6px (6)
- 40px (5)
- 14px (4)
- 80px (4)

### Padding Values (Top 12)
- 20px (17)
- 24px (14)
- 26px (14)
- 10px (10)
- 32px (7)
- 56px (7)
- 16px (7)
- 18px (6)
- 80px (6)
- 8px (5)
- 100px (4)
- 72px (4)

### Gap Values (Top 10)
- 22px (18)
- 20px (10)
- 16px (6)
- 28px (6)
- 10px (6)
- 14px (6)
- 8px (6)
- 40px (4)
- 30px (4)
- 13px (4)

### Border Radius (Top 10)
- 24px (7)
- 50% (4)
- 16px (4)
- 80px (3)
- 32px (2)
- 48px (2)
- 40px (2)
- 20px (2)
- 4px (2)
- 18px (2)

### Shadows (Top 10)
- 0 2px 6px #2b2b2b0f (2)
- 0 -1px 2px #00000014, 0 2px 4px #0000001a (2)
- 0 4px 8px #e98f5c2e (2)
- 0 4px 8px #5cace92e (2)
- 0 4px 8px #635ce92e (2)
- 0 4px 8px #b6b6b62e (2)
- 0 0 0 1px #0000001a, 0 1px 3px #0000001a (1)
- 0 0 3px #3336 (1)
- 0 0 0 2px #fff (1)
- 0 2px 7px #3232e91f (1)

### Breakpoints
- screen and (max-width: 767px) (6)
- screen and (max-width: 991px) (4)
- screen and (max-width: 479px) (4)
- (min-width: 768px) (1)
- screen and (min-width: 1440px) (1)

## Motion & Transitions

### Transitions (Top 10)
- all .3s (5)
- all .3s, color .3s (5)
- color .3s (4)
- transform .3s, color .3s (2)
- transform .3s (2)
- background-color .1s, color .1s (1)
- background-color .3s, transform .3s, color .3s (1)
- border-color .3s, transform .3s, background-color .3s, color .3s (1)
- box-shadow .3s, color .3s, border-color .3s (1)
- opacity .3s (1)

### Transition Durations (Top 8)
- None detected

### Transition Timing Functions (Top 8)
- None detected

### Animations (Top 10)
- .8s linear infinite spin (1)

### Animation Names (Top 10)
- None detected

### Animation Durations (Top 8)
- None detected

### Animation Timing Functions (Top 8)
- None detected

### Keyframes
- spin (1)

## Typography Assets

### Primary Text Fonts (Usage in Headings/Text)
- None detected

### Typography Fonts
- None detected

### Icon Fonts
- webflow-icons (weights: normal; styles: normal)
- Social Icons Font (weights: 400; styles: normal)
- Line Square Icons (weights: 400; styles: normal)
- Filled Icons (weights: 400; styles: normal)
- Line Rounded Icons (weights: 400; styles: normal)

### Other Fonts
- None detected

## Typography Styles (Headings & Text Classes)
- Selectors: .text-300.medium, .text-100.bold, .text-underline.medium
  font-weight: 500

- Selectors: h4, .rich-text h4
  font-size: 18px
  line-height: 24px

- Selectors: h1, .heading-h1-size
  font-size: 40px
  font-weight: 600
  line-height: 56px

- Selectors: h2, .heading-h2-size
  font-size: 30px
  font-weight: 600
  line-height: 46px

- Selectors: h3, .heading-h3-size
  font-size: 22px
  font-weight: 600
  line-height: 30px

- Selectors: h4, .heading-h4-size
  font-size: 18px
  font-weight: 600
  line-height: 26px

- Selectors: .text-300, .text-300
  font-size: 18px
  line-height: 20px

- Selectors: .text-100, .text-300
  font-size: 16px
  line-height: 18px

- Selectors: .blog-card-title.heading-h4-size, h5
  font-size: 16px
  line-height: 22px

- Selectors: h2, .heading-h2-size
  font-size: 30px
  line-height: 46px

- Selectors: h1, .heading-h1-size
  font-size: 38px
  line-height: 46px

- Selectors: h2, .heading-h2-size
  font-size: 26px
  line-height: 38px

