Design system
Componente
Token-urile și componentele de bază CRIBO Web, derivate din CRIBO POS.
Culori
Token-uri --cribo-* din globals.css
- primary#d46835 → #a64922
- secondary#5e301c → #7a4227
- accent-dark#3b2317 → #6b3923
- sidebar#18211d → #0f1514
- surface#fef8ee
- surface-raised#fffcf6
- surface-sunken#f3ebdf
- primary-soft#f6e3d6
- text#2d2218
- text-control#4c3422
- success#285e3b
- warning#b5651d
- danger#a6301a
- info#1a5276
Tipografie
Segoe UI cu fallback de sistem, bold aproape peste tot
- CRIBO Bistro4xl · 34 · titlu ecran
- CRIBO Bistro3xl · 28 · valoare metrică
- CRIBO Bistro2xl · 22 · titlu secțiune
- CRIBO Bistroxl · 18 · titlu card / panou
- CRIBO Bistrolg · 16 · buton mare
- CRIBO Bistrobase · 14 · text, butoane
- CRIBO Bistrosm · 13 · celule tabel
- CRIBO Bistroxs · 12 · etichete
- CRIBO Bistro2xs · 11 · pastile
Butoane
Variante, mărimi și stări (hover, apăsat, focus, dezactivat)
Chip-uri și pastile
Gradientul primary e singurul limbaj pentru „ales”
LiberăOcupatăÎn lucruAșteaptăÎntârziatăSIGALAnulată
Input-uri
Focus în culoarea brandului, eroare în roșul unic
Carduri
Fără umbră; cardul închis e rezervat sumelor
Metrică
126Caption secundarTotal notă
214,50 leiMasa 7 · 6 produseCard cu acțiuni
Hover: se ridică 2px, ca în POS
Conținutul cardului folosește text secundar pe suprafața cremă.