EA DESIGN SYSTEM

Design Tokens

CSS custom properties som definerer Arena Noir-paletten. Brukes via Tailwind-klasser (f.eks. bg-ea-card) eller direkte som var(--ea-card).

Farger

--ea-bg

Bakgrunn

#05070d

--ea-bg-2

Nedsenket

#0a0d14

--ea-card

Kort

#0d1119

--ea-card-2

Hevet kort

#121820

--ea-red

Merkevare

#ff3838

--ea-red-2

Merkevare hover

#ff4d4d

--ea-red-deep

Dyp rød

#7a1818

--ea-blue

Blå

#0052ff

--ea-blue-2

Lys blå

#6f9bff

--ea-cyan

Cyan

#04e2e2

--ea-green

Grønn

#43d675

--ea-yellow

Gul

#f9bc15

--ea-purple

Lilla

#a855f7

--ea-t1

Tekst sterk

#ffffff

--ea-t2

Tekst normal

#9ca3af

--ea-t3

Tekst dempet

#6b7280

Border-radius

6px

--ea-r-sm

10px

--ea-r-md

14px

--ea-r-lg

18px

--ea-r-xl

22px

--ea-r-2xl

9999px

--ea-r-full

Skygger

Card

--ea-shadow-card

Lift

--ea-shadow-lift

Pop

--ea-shadow-pop

Brand glow

--ea-shadow-brand

Typografi

--ea-font-sans (Inter)

Esport Arena — Arena Noir

--ea-font-mono (IBM Plex Mono)

MATCH_ID: 2847 • ELO: 1847