@use '../abstracts' as *
@use 'sass:color'  // For color.adjust()—non-deprecated color tweaks
@use '../base' as *

// ACE Editor
.editor-container
  width: 100%
  min-height: 400px  // ~10 rows

.ace-editor
  height: 400px  // Scrollable
  border: 1px solid $accent-light
  font-family: $mono-font  // Your monospace

  // Ace internals (dark theme tweaks)
  .ace_gutter
    background: $bg-darker !important
    color: $text-muted !important
    border-right: 1px solid $accent-light !important

  .ace_scroller
    background: $bg-dark !important

  .ace_text-layer .ace_print-margin
    background: transparent !important

  // Selection
  .ace_marker-layer .ace_selection
    background: color.adjust($accent-light, $alpha: -0.3) !important  // Green tint