Starting from v6, neeto-ui supports enhanced customization of components using
CSS variables. These are the variables that are being used in the `Accordion`
component.

```css
// Outer wrapper
--neeto-ui-accordion-outer-wrapper-padding-x: 0px;
--neeto-ui-accordion-outer-wrapper-padding-y: 0px;
--neeto-ui-accordion-outer-wrapper-border-radius: 0px;
--neeto-ui-accordion-outer-wrapper-bg-color: transparent;

// Wrapper
--neeto-ui-accordion-wrapper-border-width: 1px;
--neeto-ui-accordion-wrapper-border-color: rgb(var(--neeto-ui-gray-300));
--neeto-ui-accordion-wrapper-border-radius: 0px;

// Item
--neeto-ui-accordion-item-padding-x: 8px;
--neeto-ui-accordion-item-padding-y: 16px;
--neeto-ui-accordion-item-font-size: var(--neeto-ui-text-base);
--neeto-ui-accordion-item-font-weight: var(--neeto-ui-font-medium);
--neeto-ui-accordion-item-line-height: 16px;
--neeto-ui-accordion-item-color: rgb(var(--neeto-ui-gray-800));
--neeto-ui-accordion-item-bg-color: transparent;

// Drop
--neeto-ui-accordion-drop-padding-x: 8px;
--neeto-ui-accordion-drop-padding-top: 4px;
--neeto-ui-accordion-drop-padding-bottom: 16px;
--neeto-ui-accordion-drop-color: rgb(var(--neeto-ui-gray-800));
--neeto-ui-accordion-drop-margin-bottom: 0px;

// Item - Open
--neeto-ui-accordion-item-open-color: rgb(var(--neeto-ui-black));

// Item - Hover
--neeto-ui-accordion-item-hover-color: rgb(var(--neeto-ui-black));

// Item - Focus Visible
--neeto-ui-accordion-item-focus-visible-color: rgb(var(--neeto-ui-black));
--neeto-ui-accordion-item-focus-visible-outline: 3px solid rgba(var(--neeto-ui-primary-500), 50%);
--neeto-ui-accordion-item-focus-visible-outline-offset: 1px;
--neeto-ui-accordion-item-focus-visible-box-shadow: none;
```

You can use these variables to customize the component to your liking. Here is
an example:

```css
.neetix-accordion {
  --neeto-ui-accordion-item-padding-x: 0px;
  --neeto-ui-accordion-drop-padding-x: 0px;
  --neeto-ui-accordion-item-color: rgb(var(--neeto-ui-primary-500));
  --neeto-ui-accordion-item-hover-color: rgb(var(--neeto-ui-primary-600));
  --neeto-ui-accordion-item-open-color: rgb(var(--neeto-ui-primary-800));
}
```

#### Output
