/* coloris/theme.css — Base + theme overrides do Coloris para o design system LV */

@import './coloris.min.css';

#clr-picker {
  background: rgb(var(--surface-1, var(--lv-surface-1))) !important;
  border: 1px solid rgb(var(--border-strong, var(--lv-border-strong))) !important;
  box-shadow: 0 4px 12px rgba(var(--black-alpha-3, var(--lv-black-alpha-3))) !important;
  border-radius: 8px !important;
  padding: 10px !important;
}

#clr-picker .clr-color {
  background: rgb(var(--surface-2, var(--lv-surface-2))) !important;
  border: 1px solid rgb(var(--border-strong, var(--lv-border-strong))) !important;
  color: rgb(var(--slate-12, var(--lv-slate-12))) !important;
  border-radius: 6px !important;
}

#clr-picker .clr-close,
#clr-picker .clr-clear {
  background: rgb(var(--surface-3, var(--lv-surface-3))) !important;
  color: rgb(var(--slate-12, var(--lv-slate-12))) !important;
  border-radius: 6px !important;
}

#clr-picker .clr-swatches {
  border-top: 1px solid rgb(var(--border-weak, var(--lv-border-weak))) !important;
  margin-top: 10px !important;
  padding-top: 10px !important;
}