/* ===== IMPORT GLOBAL STYLES =====*/

@import url('variables.css');/* required for basic color management tied to a light and ddark theme in figma */

@import url('html.css');/* required to reset all browser html elements to consistent defaults */

@import url('fonts.css');/* required unless devs use their own font systems */

/*@import url('icons.css');*//* optional : use for google material icons only */

/*@import url('scrollbar-round.css');*//* optional : use for custom scrollbar styles */
@import url('scrollbar-square.css');/* optional : use for custom scrollbar styles */

@import url('layout.css');/* required for stable grid layout system */

@import url('svgs.css');/* required as there are img svg icons in all components and outside as well */

@import url('buttons.css');/* required as there are buttons inside and outside the button js component */

@import url('modals.css');/* overlay modals (delete confirm, etc.) */

/*@import url('forms.css');*//* optional : Note that we do not need this but may need later */

@import url('titlebars.css');/* required if you use titlebars */

@import url('tables.css');/* required if you use tables */

@import url('pills.css');/* required got figma color pills */