Experiment/sequra brand skill

[m1k3lm]

Changes Made by /sequra-branding Fix the colors to match our brand

src/design/library/config/colors.scss

Updated the entire color palette to use Telar Design System tokens:

Old Value	New Telar Value	Usage
#00C2A3	#21CFAC (green.300)	Primary brand color
Various greys	Telar grey scale (000-1000)	Text hierarchy, borders
#EB5757 / #c00e0e	#981920 (red.600)	Errors, destructive actions
Various blues	#0EA5E9 (blue.500)	Info feedback

Key semantic tokens added:

• Content colors: content-primary (#141414), secondary, tertiary, placeholder, disabled
• Feedback states: success, error, warning, info
• Primary pressed state: #00B795 (green.400)

src/design/library/elements/button.scss

Updated button hierarchy per Telar specs:

Button Type	Background	Text Color	Pressed State
Primary	green.300	grey.1000 (dark)	green.400
Secondary	white	grey.1000	grey.100
Cancel/Tertiary	transparent	grey.1000	grey.100
Destructive	red.600	white	red.700

Also updated border-radius from 4px to 8px (Telar radius-md).

Changes Made by /sequra-branding Fix to match seQura voice and tone

Voice & Tone Changes Applied

Key Principles Applied Across All 5 Languages (es, en, fr, it, pt)

Principle	Before	After
Conversational	"Se produjo un error en el servidor"	"Algo ha fallado"
Informal (tuteo)	"Veuillez sélectionner..."	"Sélectionne..."
Concise	"Cambios guardados exitosamente"	"Cambios guardados"
Solution-focused errors	"Failed to retrieve..."	"Couldn't load..."
No shouting	Kept punctuation minimal	One period, no !!
Empowering	"You must enter..."	"Enter..."

Major Copy Improvements

1. Error messages - Changed from technical/passive ("An error occurred on the server side") to helpful/active ("Something went wrong. Check your data and try again.")
2. Instructions - Shortened and made direct:
   - Before: "Please enter SeQura merchant ID that should be used for Spanish customers."
   - After: "Enter the seQura merchant ID for customers in Spain."
3. Descriptions - Removed corporate jargon:
   - Before: "Promotional components allows you to display promotional widgets and educational pop-ups that shows and explains..."
   - After: "Widgets show your seQura payment options and how they work. They help increase average order value and conversion."
4. Confirmation dialogs - Made consequences clear and brief:
   - Before: "Are you sure you want to change the environment? This will remove all configured settings..."
   - After: "This will remove your current settings and connect you to the new environment."
5. Labels - Simplified:
   - "Connection settings" → "Connection"
   - "Order status settings" → "Order statuses"
   - "Promotional widgets settings" → "Promotional widgets"

[mescalantea]

LGTM