Guia completo de estilo e componentes da Rede Integrare
#1a237e Used for main brand elements and primary actions
#d84315 Used for accents and secondary actions
#1a1a1a Used for text and dark backgrounds
#f8f9fa Used for light backgrounds and contrast
3.5rem / 700 Main page titles
2.5rem / 600 Section headings
2rem / 600 Sub-sections
1.5rem / 600 Card titles
1.25rem / 600 Small headings
1rem / 600 Minor headings
1.25rem / 400 Lead paragraphs
1rem / 400 Body text
0.875rem / 400 Secondary text
.btn-primary Main calls-to-action
.btn-secondary Alternative actions
.btn-outline Ghost buttons
.btn-text Subtle actions
Card content goes here
.card Content containers
Card content goes here
.card elevated Highlighted content
Card content goes here
.card interactive Clickable cards
Card content goes here
.card gradient Emphasis cards with gradient
.input Text input fields
.select Dropdown menus
.checkbox Multiple selections
.radio Single selections
0.5rem Minimal spacing
1rem Small gaps
1.5rem Medium spacing
2rem Large spacing
3rem Extra large gaps
4rem Section spacing
0 2px 4px rgba(0,0,0,0.1) Subtle elevation
0 4px 6px rgba(0,0,0,0.1) Medium elevation
0 8px 15px rgba(0,0,0,0.15) High elevation