:root{
/* Brand core — taken from the MAFHOOM brand board (Kuwait skyline palette) */
--c1-blue:#485DFE;
--c2-purple:#971EFF;
--c3-navy:#151426;
--c4-offwhite:#F1F2F2;

/* Blue ramp */
--blue-50:#EEF0FF;--blue-100:#DCE1FF;--blue-200:#B9C2FE;--blue-300:#8E9CFE;
--blue-400:#6B7DFE;--blue-500:#485DFE;--blue-600:#2F44E0;--blue-700:#2233AE;--blue-800:#18257C;

/* Purple ramp */
--purple-50:#F6EBFF;--purple-100:#EDD6FF;--purple-200:#DBADFF;--purple-300:#C481FF;
--purple-400:#AE4FFF;--purple-500:#971EFF;--purple-600:#7C0FDB;--purple-700:#5F0BA8;--purple-800:#420876;

/* Neutral ramp — cool, tuned to the navy */
--navy-900:#0C0B17;--navy-800:#151426;--navy-700:#22213A;--navy-600:#33314F;
--gray-500:#5C5A71;--gray-400:#8C8AA0;--gray-300:#BFBDCC;--gray-200:#DEDDE5;
--gray-100:#EDECF1;--gray-50:#F1F2F2;--white:#FFFFFF;

/* Semantic */
--success:#17C486;--warning:#FFB020;--danger:#FF4D5E;--info:#485DFE;
--success-soft:#E4F9F1;--warning-soft:#FFF4E0;--danger-soft:#FFE9EB;--info-soft:#EEF0FF;

/* Aliases — surfaces */
--surface-page:#F1F2F2;
--surface-card:#FFFFFF;
--surface-raised:#FFFFFF;
--surface-sunken:#EDECF1;
--surface-inverse:#151426;
--surface-brand:#971EFF;
--surface-brand-soft:#F6EBFF;

/* Aliases — text */
--text-heading:#151426;
--text-body:#33314F;
--text-muted:#8C8AA0;
--text-brand:#971EFF;
--text-on-brand:#FFFFFF;
--text-on-dark:#FFFFFF;
--text-on-dark-muted:#BFBDCC;

/* Aliases — lines */
--border-subtle:#EDECF1;
--border-default:#DEDDE5;
--border-strong:#BFBDCC;
--border-brand:#971EFF;
--focus-ring:#485DFE;
}