@import url('css/reset.css');
@import url('css/layout.css');
@import url('css/controls.css');
@import url('css/sequencer.css');
@import url('css/instruments.css');
@import url('css/patterns.css');
@import url('css/animations.css');
@import url('css/tr-sequencer.css');

/* Add/adjust Chaos button styles */
#chaos-pattern-button {
    margin-left: 6px;
    font-size: 16px;
    font-weight: bold;
    width: 40px;
    height: 40px;
    padding: 0;
}

#chaos-pattern-button.chaos-pink {
    background-color: #ec4899;
    color: #ffffff;
}

#chaos-pattern-button.chaos-purple {
    background-color: #8b5cf6;
    color: #ffffff;
}

#chaos-pattern-button.chaos-green {
    background-color: #10b981;
    color: #ffffff;
}