:root{
--gray-100:#f8f9fa;	/*Lightest backgrounds, card headers*/
--gray-200:#e9ecef;	/*Table borders, input group addons*/
--gray-300:#dee2e6;	/*Standard borders, divider lines*/
--gray-400:#ced4da;	/*Input borders, placeholders*/
--gray-500:#adb5bd;	/*Muted text, disabled icons*/
--gray-600:#6c757d;	/*Secondary text, sub-headlines*/
--gray-700:#495057;	/*Main body text*/
--gray-800:#343a40;	/*Dark UI elements, hover states*/
--gray-900:#212529;	/*Headings, nearly black text*/
}
/*The Standard Theme Colors*/
:root{
 --iff-primary:#0d6efd;
 --iff-secondary:#6c757d;
 --iff-success:#198754;
 --iff-danger:#dc3545;
 --iff-warning:#ffc107;
 --iff-info:#0dcaf0;
 --iff-light:#f8f9fa;
 --iff-dark:#212529;
}
/*Size Unit*/
:root{
    --size:4px;
    --size-sm:calc(var(--size) * 2);
    --size-md:calc(var(--size-sm) * 2);
    --size-lg:calc(var(--size-sm) * 3);
}